超链接,虚线,去下划线,样式
作者:admin 日期:2008-12-02
1,去下划线???
<style TYPE="text/css">
<!--
A:link{text-decoration:none}
A:visited{text-decoration:none}
A:hover {color: #ff00ff;text-decoration:underline}
-->
</style>
或
<style>
<!--
a { text-decoration:none }
-->
</style>
<a href="http://localhost" style="text-decoration: none">inline style</a>
2,虚线
/* 虚线 */
.xufont {
border-bottom-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: dotted;
border-left-style: none;
border-bottom-color: #0033CC;
}
激活时虚线
A:hover {
COLOR: #FF0000;
border-bottom:1px dashed #6099de;
}
3,两种不同的超链接样式
.xu:hover {color: #ff00ff;text-decoration:underline;}
调用时<a href="peopledetail.asp" target="_blank" class="xu"><span class="fontTable"><%=rs("name")%></span></a>---兼容ie6,ie7
不能<a href="peopledetail.asp" target="_blank">< span class="fontTable xu"><%=rs("name")%></span></a>
对ie6不兼容
<style TYPE="text/css">
<!--
A:link{text-decoration:none}
A:visited{text-decoration:none}
A:hover {color: #ff00ff;text-decoration:underline}
-->
</style>
或
<style>
<!--
a { text-decoration:none }
-->
</style>
<a href="http://localhost" style="text-decoration: none">inline style</a>
2,虚线
/* 虚线 */
.xufont {
border-bottom-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: dotted;
border-left-style: none;
border-bottom-color: #0033CC;
}
激活时虚线
A:hover {
COLOR: #FF0000;
border-bottom:1px dashed #6099de;
}
3,两种不同的超链接样式
.xu:hover {color: #ff00ff;text-decoration:underline;}
调用时<a href="peopledetail.asp" target="_blank" class="xu"><span class="fontTable"><%=rs("name")%></span></a>---兼容ie6,ie7
不能<a href="peopledetail.asp" target="_blank">< span class="fontTable xu"><%=rs("name")%></span></a>
对ie6不兼容
评论: 0 | 引用: 0 | 查看次数: 2921
发表评论
你没有权限发表留言!