手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS代码:自定义网页超链接下划线
CSS代码:自定义网页超链接下划线
摘要:链接元素的所有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%;

}

【CSS代码:自定义网页超链接下划线】相关文章:

CSS网页布局实用小技巧

怎样在网页中显示虚线

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

纯CSS代码实现翻页

CSS盒模型制定网页的宽度和高度的原理

css代码优化的12个技巧

CSS制作网页中的虚线

CSS自定义滚动条样式

CSS+图片完成清爽绿色网站下拉菜单

CSS去掉A标签(链接)虚线框的方法

精品推荐
分类导航