当前位置：首页 > 设计在线 > 网页设计 > CSS/Xhtml > 自定义网页超链接下划线的CSS代码

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

点击次数：26 次发布日期：2008-11-21 16:10:15 作者：源代码网

源代码网推荐

源代码网整理以下链接元素的所有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%;
}

源代码网供稿.

网友评论 (0)

会员中心

设计在线

本站推荐

设计在线之精华