text-decoration: none是什么意思

“text-decoration: none”是css样式，表示的是文本没有下划线，一般用来去除a标签默认样式的下划线。

1、新建html文档，在body标签中添加一个a标签，为a标签设置“href”属性和属性值，然后设置链接文字：

2、将编辑好的代码保存，用浏览器打开html文档，这时默认情况下文字下方有一条下划线：

3、在head标签中添加style标签，为a标签添加“text-decoration: none”样式，重新打开html文档，这时页面中的下划线将会被去除：

使用text-decoration即可去掉下划线，具体 *** 作方法如下。

设备：戴尔电脑

系统：win10

软件：html文件

1、首先打开电脑之后，新建一个html文件，输入html网页的结构，如下图所示。

2、然后在body标签中添加a标签，在a标签里输入文字，如下图所示。

3、这时可以看到a标签是默认带有下划线的，想要去掉下划线，只要给a标签添加一个texte-decoration样式就可以删除，如下图所示。

4、删除完成之后，最后保存文件，运行网页查看结果，已去除下划线，如下图所示。

style="text-decoration:underline" 就是设置文字修饰方式为下划线。

style="text-decoration:除了underline还可以有以下取值：

1、none:　默认值。无装饰

2、blink:　闪烁

3、line-through:　贯穿线

4、overline:　上划线

扩展资料：

text-decoration检索或设置对象中的文本的装饰规则：

有href特性的a，以及u，ins对象默认值为underline。对象strike，s，del，默认值是line-through。

假如none值在属性声明的最后，所有的先前的其他取值都会被清除。例如，声明text-decoration:underline overline blink none等于声明text-decoration:none。假如对象没有文本(如img元素)或者是空元素(如：)，此属性不会发生作用。

假如你设置body对象的此属性值为none，a对象将依然保持其原有的下划线样式。除非你针对a对象声明此属性值。指定块对象的此属性将影响其所有内联子对象。而此影响一旦发生，块对象容器最终会受到影响。

在IE4+中可用的值为overline和blink。虽然blink值被提供，但它不会被作用。此属性对于currentStyle对象而言是只读的。对于其他对象而言是可读写的。对应的脚本特性为textDecoration。

示例：div{text-decoration:underline}；div{text-decoration:underlineoverline}。

参考资料来源：百度百科-text-decoration

---