CSS代码:自定义网页超链接下划线
CSS代码:自定义网页超链接下划线
发布时间:2015-11-04 来源:查字典编辑
摘要:链接元素的所有CSS属性可以合并为:a{text-decoration:none;background:url(underline.gif)...

链接元素的所有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%;

}

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新 Div+Css教程学习
热门 Div+Css教程学习
网页设计子分类