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

2016-02-19 14:16 5 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/1606601.html

上一篇： Tchart分析报告
下一篇：看不到我的眼泪QQ分组设计_萨摩亚的天空 - QQ非主流分组

看过《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如何画下划线