Rumah > Artikel > hujung hadapan web > css如何清除下划线?css清除下划线有哪些方法

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

云罗郡主asal: 2018-11-30 14:36:5315624semak imbas

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>php中文网</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教程，请关注php中文网。

Atas ialah kandungan terperinci css如何清除下划线?css清除下划线有哪些方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

php css html

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：CSS中line-height详解（代码实例）Artikel seterusnya：Less是什么

Artikel berkaitan

Lihat lagi