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

华英雄13706

华英雄13706

2016-02-19 18:28

关注图老师设计创意栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程,今天给大家分享自定义网页超链接下划线的CSS代码教程,希望对大家能有一点小小的帮助。

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

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

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

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

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

展开更多 50%)
分享

猜你喜欢

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

Web开发
CSS代码:自定义网页超链接下划线

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

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

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

利用CSS 链接下划线也玩自定义

Html CSS布局 Div+CSS XHTML
利用CSS 链接下划线也玩自定义

自定多姿多彩的网页链接下划线

Html CSS布局 Div+CSS XHTML
自定多姿多彩的网页链接下划线

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

谈谈网页中超链接的下划线

Web开发
谈谈网页中超链接的下划线

解决WPS文字链接下划线问题

电脑入门
解决WPS文字链接下划线问题

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

CSS文本:layout-grid-line

CSS文本:layout-grid-line

怎样存取注册表信息

怎样存取注册表信息
下拉加载更多内容 ↓