去除下划线样式css,怎样去除下划线格式

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

相关问答

Q1: 如何在css中下划线去掉，文字居中

一、实现所需CSS样式：

用text-decoration:none;实现下划线去掉；用text-align:center设置文字居中

二、代码实现：

没有加样式的效果

三、添加样式效果：

四、最终的效果：

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

Q3: css怎么去掉下划线?

1、新建html文档，在html文档的bady标签中添加一个a标签，然后为这个标签添加“href”属性和属性值：

2、将编辑好的代码保存，然后用浏览器打开html文档，这时可以在网页中看到a标签的下划线：

3、添加style标签，然后为a标签设置“text-decoration:none;”css样式，刷新浏览器，这时浏览器中的下划线就会被去掉：

Q4: html5，css样式中a标签下划线怎么去掉？

下划线是属于一种修饰，css其实很多都是顾名思义的，

去掉a标签的下划线就是text-decoration:none; 意思就是设置文本修饰属性为无。