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

   Updated: 2013-07-05 00:15       如何将超级链接的下划线改成虚线无评论

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

其思路是这样的:

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

来看一段代码:

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

参考链接:

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

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注