如何将超级链接的下划线改成虚线

超级链接的下划线默认为实线,有时候为了网页的美观或者是配合页面,需要将实线变成虚线。

其思路是这样的:

先去掉其下划线,然后给链接加上下边框,设置下边框的宽度、颜色、线性(如虚线)等,就可以实现下划线的多种效果

来看一段代码:

a {
color:#258;
text-decoration:none; //设置链接无下划线;
border-bottom:1px dashed #f00;//设置链接的下边框为1px,线型为虚线(dashed),颜色为#f00;
}
在hover或link等不同状态是同样的道理,自己测试一下就晓得效果了。

参考链接:

如何将链接的下划线做成虚线?-DivCSS教程:http://www.mb5u.com/divcssjiaocheng/14324.html

分类:Web

标签:,

对本文发表评论





9 + 4 = ?

注意:
1、请勿单纯发表顶啊、打酱油之类无任何意义的评论,否则将被视为spam!谢谢合作!
2、但欢迎你留下对本文的看法或技术上的任何疑问,我会及时回复你。