css删除线样式,删除线 css

如何用CSS改变上划线，下划线以及删除线的颜色

方法如下：

1：text-line-through-color：设置删除线的颜色。

2：text-overline： text-overline-color: 设置上划线的颜色

3：text-underline：text-underline-color:设置下划线的颜色

相关问答

Q1: 如何定义 css 删除线样式？

语法：

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

参数：

none : 无装饰

blink : 闪烁

underline : 下划线

line-through : 贯穿线

overline : 上划线

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

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}设置上划线样式

Q3: 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

Q4: css中如何去除下划线？

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 上划线样式

Q5: 怎样用CSS设计删除线的方法

在chrome里按F12，定位被覆盖的css的div层，在右侧的css里找到被划线的属性，然后往上找，找到同样的属性，没有被划线的，就是被它覆盖了，如图：