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

其思路是这样的：

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

来看一段代码：

a {
color:#258;
text-decoration:none; //设置链接无下划线；
border-bottom:1px dashed #f00;//设置链接的下边框为 1px，线型为虚线（dashed），颜色为 #f00;
}

在 hover 或 link 等不同状态是同样的道理，自己测试一下就晓得效果了。

参考链接：

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