Div+CSS教程:制作网页中的超链接虚线下划线方法

Div+CSS教程：制作网页中的超链接虚线下划线方法

超链接虚线下划线
    我们常常会设置被链接的文字内容要么带链接有虚线的下划线，或鼠标移动到有链接的文字上出现虚线下划线，这个怎么实现的呢，这里为大家介绍关于CSS超链接的虚线下划线；

一、带链接文字有虚线下划线
这里也是通过CSS border边框属性来控制超链接a对象的CSS样式；
演示CSS代码：
a{ border-bottom:1px dashed #111;}/* 这里设置带链接文字下方出现虚线下划线*/
a:hover{ border:0;}/* 这里设置鼠标经过被链接文字时不出现虚线 */

完整DIV CSS代码：

    说明：text-decoration:none;这个是去掉CSS 下划线（超链接默认自带的下划线属性）；

二、鼠标放到带链接文字上时出现虚线下划线
    这个和上面的很相似，只需对超链接 A去掉下划线，对鼠标经过时CSS文字下方带虚线边框下划线即可；
对应CSS代码：
a{text-decoration:none;}
a:hover{border-bottom:1px dashed #111;}
这样就实现，大家不妨试试超链接下划线实例；