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

March 25th, 2009 § 0

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

其思路是这样的:

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

来看一段代码:

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

[本文来自: 盆盆罐罐>> 如何将超级链接的下划线改成虚线,转载请注明。]

Random Posts

Tagged: ,

§ Leave a Reply

What's this?

You are currently reading 如何将超级链接的下划线改成虚线 at 盆盆罐罐.

meta