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

您现在的位置：圆点视线 >> 教程 >> 网页设计 >> CSS样式表 >> 文章正文

[图文]自定义网页超链接下划线的CSS代码

★★★

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

作者：网页教学… 　文章来源：网页教学网　点击数：　更新时间：2007-10-24 18:29:55　

【字体：小大】

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

　【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】　文章录入：Rainsion 责任编辑：Rainsion 　【字体：小大】

最新文章

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

发表评论：

姓　　名：		评分： 1分 2分 3分 4分 5分
评论内容：		·严禁发表危害国家安全、政治、黄色淫秽等内容的评论。 ·用户需对自己在使用本网服务过程中的行为承担法律责任 ·本站管理员有权保留或删除评论内容。 ·评论内容只代表机友个人观点，与本网站立场无关。

百度主题推广