正文

css如何清除下划线?css清除下划线有哪些方法

︶ㄣ米米素材网 メ
米米素材网V管理员 / 阅读
0806
css怎么清除下划线？css去除下划线方法有哪些？很多人可能还不知道怎么操作，下面我们来讲解一下。css如何清除下划线？css清除下划线方法在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}设置上划线样式

代码如下：


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS测试</title>
<style>
h1{
text-decoration:underline
}
a{
text-decoration:none
}
</style>
<body>
<h1>米米素材网</h1>
<p>
有关<a href="http://www.php.cn/course/list/17.html" target="_self">JavaScript教程</a>
</p>
</body>
</html>

效果如图：

css如何清除下划线？css清除下划线方法

css去掉下划线只要我们把text-decoration属性改成none就可以了，并不是很难，在HTML中，我们可以使用u标签来加下划线，但是在css中我们只能使用text-decoration属性，我们想把下划线设置成红色，只要我们保持和字体的颜色相同就可以了。

以上就是css如何清除下划线?css清除下划线有哪些方法的详细内容，更多请关注米米素材网其它相关文章！