当前位置： 移动技术网 > IT编程>网页制作>CSS > 用CSS实现链接的虚线下划线效果

用CSS实现链接的虚线下划线效果

2017年12月12日  | 移动技术网IT编程  | 我要评论
修改您的样式表，找下边这段（一般都在开头）
a {
color:#3399ff;
font-weight:normal; /*字体效果 普通 可以改成bold粗体*/
text-decoration:none; /*下划线效果：无下划线*/
}

a:hover {
color:#4499ee;
text-decoration:none; /*下划线效果：无下划线*/
border-bottom: 1px #0099cc dotted /*加一个只有下边的框 边框为虚线*/
}

　　 a{}控制连接的效果 a:hover{}控制鼠标移上去的效果。
一些css定义虚线实例代码

[ctrl+a 全选 注:如需引入外部js需刷新才能执行]


[ctrl+a 全选 注:如需引入外部js需刷新才能执行]


[ctrl+a 全选 注:如需引入外部js需刷新才能执行]


[ctrl+a 全选 注:如需引入外部js需刷新才能执行]


[ctrl+a 全选 注:如需引入外部js需刷新才能执行]

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网