用CSS实现链接的虚线下划线效果- CSS样式表

当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 用CSS实现链接的虚线下划线效果

CSS样式表: IE6编码问题无法正确解析CSS文件; 网页设计中的黄金比例; 网站设计Tab标签切换的效果制作; DIV滚动条随机位置的设置技巧; 重置默认样式:css reset; css美化input file按钮的方法; 支持Web标准，在中国; 网页制作css不解析问题; 网页制作:不同浏览器的CSS Hack写法; word-wrap和word-break解决连续字符自动换行; CSS样式表最佳习惯; 网页制作学习之CSS样式表的优先权; CSS属性display:inline-block; 网页开头部分的声明DOCTYPE; CSS布局:居左之后居右是100%宽度显示问题; CSS设计多列多模块等高网页布局; 真正的利用DIV+CSS优化站点; 网页作品：CSS主题网站欣赏; CSS+XHTML制作的简单网页下拉菜单; 加深对HTML和CSS标签语义化的理解

No. « ‹ 53 54 55 56 › »

技术文章搜索

关键字

CSS样式表中的用CSS实现链接的虚线下划线效果

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 249 ::

收藏到网摘: n/a

CSS使用心得体会快速制作CSS导航菜单教

一些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 全选提示:你可先修改部分代码,再按运行]

CSS使用心得体会快速制作CSS导航菜单教

CSS样式表 中的 用CSS实现链接的虚线下划线效果

评论 (0) All

CSS样式表中的用CSS实现链接的虚线下划线效果