css删除线样式,css样式去掉下划线

css的下划线,在display怎么去除下划线

css去掉下划线只要我们把text-decoration属性改成none就可以了。

我们提供的服务有:网站设计、成都网站建设、微信公众号开发、网站优化、网站认证、襄阳ssl等。为1000多家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的襄阳网站制作公司

并不是很难,在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}设置上划线样式

css取消下划线

设置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

如何定义 css 删除线样式?

语法:

text-decoration : none || underline || blink || overline || line-through

参数:

none : 无装饰

blink : 闪烁

underline : 下划线

line-through : 贯穿线

overline : 上划线


网站标题:css删除线样式,css样式去掉下划线
文章路径:http://ybzwz.com/article/dsscogd.html