首页 > 开发 > CSS > 正文

自定义网页超链接下划线的CSS代码

2020-07-05 13:48:29
字体:
来源:转载
供稿:网友

链接元素的所有CSS属性可以合并为:

以下为引用的内容:
a {
text-decoration: none;
background: url(underline.gif) repeat-x 100% 100%;
padding-bottom: 4px;
white-space: nowrap;
}

假如你想自定义下划线的效果只在鼠标滑过链接时出现,只需设置CSS背景属性为:hover伪类,取代直接设置于链接元素上的样式即可。

以下为引用的内容:

a {
text-decoration: none;
padding-bottom: 4px;
white-space: nowrap;
}

a:hover {
background: url(underline.gif) repeat-x 100% 100%;
}

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表