用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需再刷新一下页面才能执行]
相关文章
边框(border)边距(margin)和间隙(padding)属性的区别
边框(border)边距(margin)和间隙(padding)属性的区别...2006-09-09
实用的标签效果...2006-10-10
这篇文章主要介绍了如何学习html的各种标签,文中示例代码介绍的非常详细.正在上学的同学和工作的朋友有很大的参考价值,要的朋友可以参考下2022-03-03
IE最新的欺骗代码...2006-06-06
兼容各个浏览器的技巧...2006-09-09
li的简单应用(将前面的点换成图标)...2006-08-08
保存几个不错的css特效字...2006-08-08
这篇文章主要介绍了flex(弹性布局)教程之常用布局的相关资料,需要的朋友可以参考下2022-09-09
meta是用来在HTML文档中模拟HTTP协议的响应头报文。2013-11-11
大家都知道，position:fixed在日常的页面布局中非常常用，在许多布局中起到了关键的作用。但是，在许多特定的场合，指定了position:fixed的元素却无法相对于屏幕视口进行定位。这是为何呢？2021-05-05
最新评论