扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
方法如下:
成都创新互联公司专业成都网站设计、网站制作,集网站策划、网站设计、网站制作于一体,网站seo、网站优化、网站营销、软文发布平台等专业人才根据搜索规律编程设计,让网站在运行后,在搜索中有好的表现,专业设计制作为您带来效益的网站!让网站建设为您创造效益。
1:text-line-through-color:设置删除线的颜色。
2:text-overline: text-overline-color: 设置上划线的颜色
3:text-underline:text-underline-color:设置下划线的颜色
语法:
text-decoration : none || underline || blink || overline || line-through
参数:
none : 无装饰
blink : 闪烁
underline : 下划线
line-through : 贯穿线
overline : 上划线
css去掉下划线只要我们把text-decoration属性改成none就可以了。
并不是很难,在HTML中,我们可以使用u标签来加下划线,但是在css中我们只能使用text-decoration属性,我们想把下划线设置成红色,只要我们保持和字体的颜色相同就可以了。在css中,我们可以使用text-decoration属性来表示下划线和删除线等样式,首先我们要了解一下text-decoration属性。
text-decoration属性一共有五个值,分别是none,blink,underline,line-through,overline,其中underline就表示下划线。语法如下:
div{text-decoration:none}表示:一般去掉下划线
div{text-decoration:underline}表示一般添加下划线样式
div{text-decoration:line-through}一般表示贯穿线
div{text-decoration:overline}设置上划线样式
设置text-decoration属性的值为none就可去掉超链接的默认下划线。text-decoration属性规定添加到文本的修饰,而none值定义标准的文本,设置该值即可去掉下划线。
属性值:
none:无装饰,通常对html下划线标签去掉下划线样式
underline:下划线样式
line-through:删除线样式-贯穿线样式
overline:上划线样式
注释:修饰的颜色由 "color" 属性设置。
说明
这个属性允许对文本设置某种效果,如加下划线。如果后代元素没有自己的装饰,祖先元素上设置的装饰会“延伸”到后代元素中。不要求用户代理支持 blink。
示例:
!DOCTYPE html
html
head
meta charset="utf-8"
style
.demo a{
text-decoration: none
}
/style
/head
body
p
a href="#"这是一个正常链接,有下划线!/a
/p
p class="demo"
a href="#"去掉下划线的链接!/a
/p
/body
/html
class{text-decoration:none}
class改成你不要下划线样式的名字就行,如果用ID的 #id
a, a:hover, a:focus { text-decoration: none; color: inherit; } //初始化所有情况下a不要下划线。
下面是关于text-decoration下划线CSS单词值参数:
none : 无装饰
blink : 闪烁
underline : 下划线
line-through : 贯穿线
overline : 上划线
text-decoration:none 无装饰,通常对html下划线标签去掉下划线样式
text-decoration:underline 下划线样式
text-decoration:line-through 删除线样式-贯穿线样式
text-decoration:overline 上划线样式
在chrome里按F12,定位被覆盖的css的div层,在右侧的css里找到被划线的属性,然后往上找,找到同样的属性,没有被划线的,就是被它覆盖了,如图:
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流