用户名: 密码: 验证码:           网站地图 高级搜索 RSS订阅 收藏本站
Google
您的位置:首页>>图形设计>>CSS>>阅读资讯:自定义网页超链接下划线的CSS代码

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

[ 来源: | 阅读:次 | 更新日期:2007-10-5 23:11:19 | 评论 0 条 | 我要投稿 ]

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

a {
    text-decoration: none;
    background: url(underline.gif) repeat-x 100% 100%;
    padding-bottom: 4px;
    white-space: nowrap;
}

www.yueluo.net

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

字串6

a {
    text-decoration: none;
    padding-bottom: 4px;
    white-space: nowrap;
} yueluo.net

a:hover {
    background: url(underline.gif) repeat-x 100% 100%;
} 月落网


Tags:CSS,下划线
责任编辑:
您的评论
用户名:新注册) 密码: 匿名评论 [所有评论]

·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为