超级链接的下划线默认为实线,有时候为了网页的美观或者是配合页面,需要将实线变成虚线。
其思路是这样的:
先去掉其下划线,然后给链接加上下边框,设置下边框的宽度、颜色、线性(如虚线)等,就可以实现下划线的多种效果
来看一段代码:
1 2 3 4 5 | a { color:#258; text-decoration:none; //设置链接无下划线; border-bottom:1px dashed #f00;//设置链接的下边框为1px,线型为虚线(dashed),颜色为#f00; } |
在hover或link等不同状态是同样的道理,自己测试一下就晓得效果了。
参考链接:
如何将链接的下划线做成虚线?-DivCSS教程:http://www.mb5u.com/divcssjiaocheng/14324.html
[本文来自: 盆盆罐罐>> 如何将超级链接的下划线改成虚线,转载请注明。]