我收集并编辑的几种去掉链接下划线的代码。

Joseffu

[这个贴子最后由joseffu在 2002/10/15 12:13pm 编辑]

注：所有的代码放置于网页HTML格式中</head>之前（一般在</title>之后）
① 这个是本站使用的，功能很大，对各种类型字体作了规范，但代码长一点：
<style type="text/css">
A.td {FONT-SIZE: 9px}
FORM {FONT-SIZE: 12px}
SELECT {FONT-SIZE: 12px}
INPUT {FONT-SIZE: 12px}
P {FONT-SIZE: 12px}
.font {FONT-SIZE: 12px}
.font {FONT-SIZE: 12px}
.title {FONT-SIZE: 14px}
.fwhite {COLOR: #ffffff; FONT-SIZE: 12px}
.f1 {FONT-SIZE: 12px}
A:link {COLOR: #000000; FONT-SIZE: 9pt
; text-decoration: none}
A:visited {COLOR: #000000; FONT-SIZE: 9pt
; text-decoration: none}
A:hover {COLOR: #ff7f2c; FONT-SIZE: 9pt; TEXT-DECORATION: underline}
A.cc:link {COLOR: #000000}
A.cc:visited {COLOR: #000000; FONT-SIZE: 12px; TEXT-DECORATION: none}
A.cc:hover {COLOR: #ff7f2c; FONT-SIZE: 12px; TEXT-DECORATION: none}
.f {LINE-HEIGHT: 16px}
.formfix {MARGIN: 0px}
.bc {BACKGROUND-COLOR: #eeeeee}
A.title3:link {COLOR: #000000; TEXT-DECORATION: none}
A.title3:visited {COLOR: #000000; TEXT-DECORATION: none}
A.title3:hover {COLOR: #ff7f2c; TEXT-DECORATION: none}
TD {FONT-FAMILY: "宋体"
; font-size: 12px; line-height: 16px}
.f2 {FONT-SIZE: 12px}
.font {FONT-FAMILY: "宋体"}
.campl {COLOR: #666666; FONT-SIZE: 12px; LINE-HEIGHT: 16px}
.hand {  cursor: hand}
.boder {  border: #660000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
hr {  color: #663300; font-size: 1px; font-weight: 300}
.tbboder2 {  border: 1px #996600 solid}
.selectbg {  background-color: #3E0A13; color: #99FF00}
.3dfont {FILTER: glow(color=ffffff,strength=0) shadow(color=aaaaaa,direction:135); POSITION: relative; WIDTH: 100%}
.tbboder {  border-color: #FFFFFF #999999 #999999; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.p2ems {  padding-left: 12px; padding-right: 12px}
.bai {  border: 1px #FFFFFF solid}
</style>
去掉了链接下划线，鼠标悬停字体变为橘红色，并带有下划线。把上面]#ff7f2c字符换成别个颜色，来实现鼠标悬停后颜色的变化。
演示地址：【本站首页】
②在线试听所用代码：
<style>
a {font-size:9pt;line-height: 150%}
body {font-size:9pt;line-height: 150%}
td {font-size:9pt;line-height: 150%}
table {font-size:9pt;line-height: 150%}
font {font-size:9pt;line-height: 150%}
a:link{color:#000000; text-decoration: none;}
a:visited{color:#000000;text-decoration: none}
a:hover{color:red; font-style:bold;text-decoration: underline}
.white {  font: 9pt/12pt "宋体" line-height: 14pt;color:red;text-decoration:none}
.white a:link{color:#990000;text-decoration:none}
.white a:visited{color:#990000;text-decoration:none}
.white a:hover{color:red;text-decoration:underline}
.10p {  font: 10.5pt "宋体"}
</style>   
（把代码中的red修改为各颜色代号，来实现鼠标悬停后字体颜色的变化。）
这段代码去掉了链接下划线，鼠标悬停字体变为红色，并带有下划线。
演示地址：【在线试听】
③介绍哥哥与黄耀明新专辑的页面所用代码：
<style>
a:link{color:#000000; text-decoration: none;}
a:visited{color:#000000;text-decoration: none}
a:hover{color:red; font-style:bold;text-decoration: underline}.t{LINE-HEIGHT: 1.4}
BODY{FONT-FAMILY: 宋体; FONT-SIZE: 9pt;
TD,DIV,form ,OPTION,P,TD,BR{FONT-FAMILY: 宋体; FONT-SIZE: 9pt}
INPUT{BORDER-TOP-WIDTH: 1px; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 9pt; BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-WIDTH: 1px;
BORDER-BOTTOM-COLOR: #cccccc; PADDING-BOTTOM: 1px; BORDER-TOP-COLOR: #cccccc; PADDING-TOP: 1px; HEIGHT: 18px; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #cccccc}
textarea, select {border-width: 1; border-color: #000000; background-color: #efefef; font-family: 宋体; font-size: 9pt; font-style: bold;}
tlemedium  a:active, #subtitle  a:active, #titlefoot  a:active{ text-decoration: underline; color : #3A4F6C }
TABLE, TR, TD { font-family:Verdana, Tahoma, Arial;font-size: 9pt; color:#000000}
</style>
这段代码除去掉了链接下划线，鼠标悬停字体变为红色并带有下划线之外，更胜于上面两种，我把本论坛的美化字体添加了进去，使之得到更好的效果。
演示地址：【新专辑简介】
④本站导航地图所用代码：
<style>
<!--
a {  color: #cccccc; text-decoration: none}
.toptitle { color: #FFFFFF; font-size: 9pt; font-family: 宋体; text-decoration:none}
A:hover.toptitle { color: #FFFF00; font-size: 9pt; font-family: 宋体 }
A:link.toptitle { font-size: 9pt; font-family: 宋体; text-decoration:none; color:#FFFFFF}
-->
</style>
这段代码除始终去掉了链接下划线。
演示地址：【网站地图】
请注意：在使用时请先把这些代码复制到记事本，然后再复制到网页HTML格式中。务必！
希望这些源码能给制作网页的朋友们带来方便！

LG

请问你介绍这个有什么用途吗？

Joseffu

对于你来讲，没有任何作用。
对于做网页的人来讲大大有用。

小白兔

OK~~~~~~~~~行啦，谢谢哦~~~~~~~~~~GGGGGGGGGGGGG：）

我知道了，但这个是不是很专业的人才看得懂

Joseffu

这只是很简单的HTML语言，并不难，编程语言更难一些！

小月刀锋

这只是很简单的HTML语言，并不难，编程语言更难一些！---------------------------------------------你想让我自卑到什么程度??

哦。一般拉。