神马品牌网奇致激光:如何去掉网页中的某个文字的链接下划线。
来源：百度文库 编辑：神马品牌网 时间：2024/04/27 18:36:36
<DIV align=center><A class=navigationlink
href="<%=cityurl%>sca.asp"><font color="#FFFFFF" size="2" ><strong>商业机会</strong></font></A></DIV>
谢谢楼下的朋友，不过我不想整个网页的连接下划线都去掉哦，我只想去掉某一指定文字的。其他的保留
定义个类
A.SelectedLeftMenu
{
FONT-SIZE:12px;
TEXT-decoration : none;
COLOR:#990000;
}
A.SelectedLeftMenu:active
{
FONT-SIZE:12px;
TEXT-decoration : underline;
COLOR:#990000;
}
A.SelectedLeftMenu:link
{
FONT-SIZE:12px;
TEXT-decoration : none;
COLOR:#990000;
}
A.SelectedLeftMenu:visited
{
FONT-SIZE:12px;
TEXT-decoration : none;
COLOR:#990000;
}
A.SelectedLeftMenu:hover
{
FONT-SIZE:12px;
TEXT-decoration : underline;
COLOR:#990000;
}
然后链接上引用这个类
<a href="#" class="SelectedLeftMenu">xxx</a>
<html>
<head>
<title>eg</title>
<style type="text/css">
<!--
.navigationlink{text-decoration:none ;color:black;line-height: 12pt}
.navigationlink:hover{text-decoration:none;color:#ff0000;line-height: 12pt}
-->
</style>
</head>
<body>
<DIV align=center><A class=navigationlink
href="<%=cityurl%>sca.asp"><font color="#000000" size="2" ><strong>商业机会
</strong></font></A></DIV>
</body>
</html>
<styletype=“text/css”>
<!--
.....
.....
增加下面这个
a.01 {text-decoration:none}
-->
</style>
然后
<DIV align=center>
<A class=01 href="<%=cityurl%>sca.asp"><font color="#FFFFFF" size="2" ><strong>商业机会</strong></font></A></DIV>
也可以这样
<DIV align=center><A class=navigationlink style="TEXT-DECORATION: none;"
href="<%=cityurl%>sca.asp"><font color="#FFFFFF" size="2" ><strong>商业机会</strong></font></A></DIV>
你可以将这段CSS改成:<styletype=“text/css”><!-- .a{text-decoration:none} --></style> 也就是在a的前面加上英文的句号,这样在使用的时候只有当你的Class = "a"时才会被调用,如下:<DIV align=center>
<A class = "a" href="<%=cityurl%>sca.asp"><font color="#FFFFFF" size="2" ><strong>商业机会</strong></font></A></DIV>
楼上的专家说的也是一种方法,不过这样来做的话每使用一次就要重写一次,也不是好方法,除非你保证只用一次.