如何将链接的下划线做成虚线？
大小：1 KB更新：2026-02-19
类别：文字特效系统： WinVista,Win2003,WinXP,Win200
分类分类
大小：1 KB更新：2026-02-19
类别：文字特效系统： WinVista,Win2003,WinXP,Win200
介绍：
我们在浏览网页的时候，经常可以看到链接的下划线是虚线，或者在link与hover不同状态，下划线会从虚线到实线的变化。这样的效果是如何实现的呢？
其实这样的效果，是设置text-decoration:none。也就是去除了链接的下划线。然后再给链接加下边框线，设置下边框线不同的宽度、线型、颜色，就可以实现“下划线”变成多样效果。可以参考关于border-style的属性。
文字弹性跳动CSS3动画特效文字特效20.8 KB2020-09-29
下载css3文字菜单鼠标悬停变色特效文字特效16.5 KB2020-09-05
下载css3悬停文字交叉切换特效文字特效5.51 KB2020-08-21
下载H5自定义彩色粒子文字特效文字特效5.93 KB2020-07-21
下载css3彩色霓虹灯文字特效文字特效6.90 KB2020-07-01
下载3d文字漂浮css3动画特效文字特效3.66 KB2020-05-23
下载CSS3霓虹灯文字闪烁特效文字特效3.10 KB2020-05-08
下载CSS3环形文字加载动画特效文字特效3.42 KB2020-04-01
下载Canvas马赛克文字动画特效文字特效14.8 KB2020-03-12
下载HTML5聚光灯文字滤镜特效文字特效25.7 KB2020-03-02
下载js悬停滚动文字菜单特效文字特效3.47 KB2020-02-18
下载HTML5 SVG滤镜文字特效文字特效42.4 KB2020-01-15
下载