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

2016-02-19 18:28 4 1 收藏

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

【 tulaoshi.com - Web开发】

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

来源:https://www.tulaoshi.com/n/20160219/1617832.html

上一篇： CSS文本：layout-grid-line
下一篇：怎样存取注册表信息

看过《自定义网页超链接下划线的CSS代码》的人还看了以下文章更多>>

Dreamweaver MX/8中关于消除超级链接下划线的问题

标签： Web开发

第一种方法：直接在修改－页面属性里面修改第二种方法：鉴于往往在页面属性里面修改后，预览后依旧存在下划线，提供相关代码如下： style a:link {text-decoration:none} a:visited {text-decoration:none} /style 放bodybody/中间。

CSS+DIV设计实例：不同色链接和其下划线

标签： Web开发

以下是引用片段： style type="text/css" a{ color:#333333; text-decoration:none;} a:visited {color:#333333; text-decoration:none;} a:hover { color:#FF0000; text-decoration:underline;} a span { color:#333333;} /style a href="#"span111/span/a style type="text/css"a{ color:#333333; text-decor...

word下划线怎么输入

标签： word

word下划线怎么输入下划线，大家经常接触到的一般用在名字的输入中，(只可以输入数字，字母，下划线)而在一些文档(如WORD)中，下划线常被用作增强注意。而在网页中，可以连接的文字(超链接)下面一般都有下划线。看到键盘上挨着删除键和加号等号键的那个有两条-的键了吗?那是减号键和横线键，下划线就是同时按住这个键和Shift...

word如何画下划线