《
如何将链接的下划线做成虚线》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302340322013.htm
--> [
网站建设之]如何将链接的下划线做成虚线
<style type="text/css">,如何将网页保存另类技巧三则; <!-- a.texta { text-decoration:none; border-bottom:1px dashed #ccc,如何将网站的内容串联成一张网; color:#c00,如何将网站收录从1K做到1W; } a.texta:hover { border-bottom:1px solid #c00; color:#666; } a.textb { text-decoration:none; border-bottom:1px dashed #ccc; color:#069; } a.textb:hover { border-bottom:1px dashed #c00; color:#000; } --> </style> <a href=" class="texta">www.jzxue.com</a><br /><br /> <a href=" class="textb">www.jzxue.com</a>
实在这样的后果，是设置text-decoration:none。也就是去除了链接的下划线。而后再给链接加下边框线，设置下边框线不同的宽度、线型、色彩，就能够实现“下划线”变成多样效果,如何定义CSS3属性的书写顺序。可以参考对于border-style的属性。
咱们在阅读网页的时候，常常可以看到链接的下划线是虚线，或者在link与hover不同状况，下划线会从虚线到实线的变更。这样的效果是如何实现的呢？
Tag：虚线 下划线 链接 虚线 ,
如何学习Div+Css网页布局; 下划线 链接
[ 提醒：你可先修正局部代码，再按Ctrl+A 全体抉择 ]
(责任编辑：网站建设)
如何将链接的下划线做成虚线相关文章