网站url连接后有下划线,去掉链接下划线的方法

jackxiang 2009-11-1 12:42 | |
text-decoration:none

css:
a:link{text-decoration:none;color:#fff}

<style type="text/css">
a:link{text-decoration:none;color:#515151}
</style>


引申:
--------------------------------------------------------------------
.header a:link{text-decoration:none;color:#fff}

<span   class=header><a   href=#>MM</a></span>

这个用来表示超链接的颜色  
  text-decoration:none;表示没有下划线  
  color:#ffffff表示链接颜色  
  这个只表示页面上链接的颜色  
  其他的还需要使用  
  a:hover,a:visited等来表示鼠标经过链接的样式和链接被访问以后的样式。


直接在<a href 里去掉下划线的方法:(注意单双引号)
$("#"+logindiv).html('您好,<a style="text-decoration:none" href="javascript:XXXX();">[ 登录 ] </a>');
$("#"+logindiv).html("欢迎您,"+ data.nick+ "<a style='text-decoration:none' href=javascript:CCCC({url:'/'});>&nbsp;[ 注销 ]</a>");

Demo,涉及到软文颜色:

CSS:
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}



<a href="XXX.php"><span style="color:#b08a68; text-decoration:none;">无极:</span><span style="color:#975c0d ;text-decoration:none;">6月3日无极战个痛快!</span></a>

作者:jackxiang@向东博客 专注WEB应用 构架之美 --- 构架之美,在于尽态极妍 | 应用之美,在于药到病除
地址:https://jackxiang.com/post/2145/
版权所有。转载时必须以链接形式注明作者和原始出处及本声明!


最后编辑: jackxiang 编辑于2011-6-3 15:47
评论列表
发表评论

昵称

网址

电邮

打开HTML 打开UBB 打开表情 隐藏 记住我 [登入] [注册]