超链接,虚线,去下划线,样式

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不兼容

    


文章来自: 本站原创
引用通告地址: http://www.is21.cn/trackback.asp?tbID=545
Tags:
评论: 0 | 引用: 0 | 查看次数: 2921
发表评论
你没有权限发表留言!