用CSS实现链接的虚线下划线效果
更新时间：2006年09月25日 00:00:00 作者：
一些CSS定义虚线实例代码
修改您的样式表，找下边这段（一般都在开头）
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需再刷新一下页面才能执行]
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需再刷新一下页面才能执行]
相关文章
调整CSS类型的顺序改变链接翻滚效果...2006-09-09
用CSS动态控制文本属性...2006-09-09
这篇文章主要介绍了CSS自定义滚动条样式案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-08-08
DIV+CSS网页制作布局技巧学习...2006-09-09
小三角的做法与使用...2006-11-11
动态CSS站点教程：多个页面样式提供浏览者选择...2006-09-09
用!important解决IE和Mozilla的布局差别...2006-09-09
CSS关于相对定位和绝对定位的说明实例...2006-09-09
空间页面CSS说明...2006-09-09
详解IE6中的position：fixed问题与随滚动条滚动的效果
这篇文章主要介绍了详解IE6中的position：fixed问题与随滚动条滚动的效果的相关资料,希望通本文能帮助到大家，需要的朋友可以参考下2017-09-09
最新评论