欢迎来到懒人图库！ 返回首页 网站地图 懒人工具箱
当前位置：首页 > JS代码 > JS特效代码 > 文字特效

如何将链接的下划线做成虚线？

懒人图库
2009-06-05　来源/作者：懒人图库　分类：文字特效　«»
运行代码保存代码 提示：您可以先修改部分代码再运行，保存代码功能在Firefox下无效。

我们在浏览网页的时候，经常可以看到链接的下划线是虚线，或者在link与hover不同状态，下划线会从虚线到实线的变化。这样的效果是如何实现的呢？

其实这样的效果，是设置text-decoration:none。也就是去除了链接的下划线。然后再给链接加下边框线，设置下边框线不同的宽度、线型、颜色，就可以实现“下划线”变成多样效果。可以参考关于border-style的属性。

* 特别声明：本站图片收集自网络，仅供个人学习交流使用，版权归原作者所有，请勿用于任何商业用途。如有侵犯您的版权，请联系QQ：69016415，我们将尽快删除处理。
标签：文字特效
最新合集：麦点麦粒陈麦淀粉脂肪秋麦麦子小麦穗黑色麦穗简约麦穗QQ钱包logo尺寸创意大象图标矢量大象图标大象图标
相关代码推荐
CSS强制不换行超过div部分长度采用省略号
JS仿黑客帝国字母掉落效果
HTML5模仿骇客帝国文字矩阵效果
隐藏省略文字特效
显示和隐藏文字特效
打字效果代码
字体大中小代码&字号缩放代码
CSS凹陷文字
超出的文字用省略,用…代替
广告代码
全部››
焦 点 图
全屏广告
对联广告
在线客服
相册代码
菜单导航
TAB标签
悬浮漂浮
视频播放
图片特效
翻牌书角
其他代码

京东网上商城，领券满199减100，全场1元加购！ 点击查看

特效代码
全部››
导航菜单
表单按钮
文字特效
表格图层
图片特效
时间日期
滚动代码
窗口特效
颜色背景
网站常用
CSS样式
其他特效
猜你也喜欢看这些 ······

jQuery手风琴图片滑动效果图片特效2020-04-26

HTML5&SVG彩色线条文字时钟特效代码其他代码2020-04-26

像素方块时钟CSS3特效代码其他代码2020-04-26

购物网站四联CSS3图片特效代码图片特效2020-04-24

2021新年倒计时雪花代码其他代码2020-04-24
这些是最新的 ······

CSS3+JS滚动数字时钟代码时间日期2017-09-09

jQuery左右滚动4屏弹性焦点图代码网站常用2020-04-10

jQuery实现的平滑滚动选项卡其他特效2020-04-10

图片垂直居中不随滚动条滚动的JS代码图片特效2020-04-10

图片在窗口中上下左右垂直居中代码图片特效2020-04-10

广告 +
,
X
广告