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

作者：佚名教程来源：不详点击数：加载中... 更新时间：2007-12-29 字体:[大中小]

添加到收藏:

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

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

Www@pqshow@com

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

中.国站长站

以下为引用的内容：

a {
    text-decoration: none;
    padding-bottom: 4px;
    white-space: nowrap;
} 中.国.站长站

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

pqshow

教程录入：andy 责任编辑：andy

　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）