首页 > 开发 > CSS > 正文

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

2020-10-23 18:52:05

字体：大中小

来源：转载

供稿：网友

修改您的样式表，找下边这段（一般都在开头）
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站点教程：多个页面样式提供浏览者选择

下一篇：CSS使用心得体会

学习交流

BIOS 中英文对照表 BIOS设置参考

BIOS 中英文对照表 BIOS设置参考...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

猿辅导宣布完成22亿美元融资投后估值155亿美元

2020-10-22 13:18:25

要强化科技投入！京东物流CEO王振辉：我们永远是乙方

2020-10-22 13:16:47

传快手最快于11月份香港上市腾讯成最大赢家

2020-10-22 13:14:41

天猫双11开局：1小时超300个品牌成交超去年全天

2020-10-21 18:23:20

双十一预售首日李佳琦薇娅直播间带货近70亿

2020-10-21 18:21:00

滴滴人事调整：孙枢任网约车公司执行总裁

2020-10-21 18:18:42

疑难解答

图片精选

网友关注