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

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

CSS样式表: CSS网页布局中文排版的9则技巧; 剖析网站的布局实例以及如何对其黄金分割; Float菜单水平居中简单方法; CSS网页制作教程:网页中常用的web安全字体; CSS网页制作教程:字体单位em简介; CSS网页制作:浮动清除的新方法; 收集分享的3个讲解css及标签的视频; CSS网页制作技巧:节约网页代码编写时间; 收集的6个关注CSS3的国外网站; CSS实例教程:reflow; CSS教程:需要知道的CSS3动画技术; 快速实时编辑网页代码的FireFOX和IE插件; 在IE6,IE7下变通实现pre-wrap; CSS圆角框进行JS封装; CSS教程:Mozilla建议的css书写顺序; 基于链接关系的微格式:使用rel属性; 非常酷的微格式：XFN规范; 为网页内容添加结构和语义的hAtom微格式; 网页简历结构和语义信息:hResume微格式; hCalendar微格式:关于事件和基于时间或地点的活动

No. « ‹ 103 104 105 106 › »

技术文章搜索

关键字

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

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

收藏到网摘: 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实现链接的虚线下划线效果