css怎么去掉下划线?

html-css027

css怎么去掉下划线?,第1张

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

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

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

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