我们常会遇到链接文字下有虚线下划线，或者是鼠标移动到链接的文字上出现虚线下划线，如何实现这种效果呢？这篇文章就为大家举一例子来介绍关于CSS超链接的虚线下划线制作方法。
一、带链接文字有虚线下划线
这里也是通过CSS border边框属性来控制超链接a对象的css样式。
CSS代码：
复制代码 代码示例:
a{ border-bottom:1px dashed #111;}/* 这里设置带链接文字下方出现虚线下划线*/
a:hover{ border:0;}/* 这里设置鼠标经过被链接文字时不出现虚线 */
完整DIV CSS代码：
复制代码 代码示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312" />
<title>CSS 虚线下划线 DIVCSS5实例说明</title>
<style>
a{ border-bottom:1px dashed #111;text-decoration:none;}
a:hover{ border:0;}
</style>
</head>
<body>
欢迎来到
脚本学堂网站的
css教程栏目，学好css，做漂亮的网页!</body>
</html>
注意：text-decoration:none;这个是去掉CSS下划线（超链接默认自带的下划线属性）
