CSS 文字装饰

文字装饰

text-decoration 属性用于设置或删除文本装饰。

text-decoration: none; 通常用于从链接上删除下划线：

<!DOCTYPE html>
<html>
<head>
<style>
a {
  text-decoration: none;
}
</style>
</head>
<body>
<p>没有下划线的链接：<a href="https://cankaoshouce.com">cankaoshouce.com</a></p>
</body>
</html>

运行一下

其他 text-decoration 值用于装饰文本：

<!DOCTYPE html>
<html>
<head>
<style>
h1 {
  text-decoration: overline;
}
h2 {
  text-decoration: line-through;
}
h3 {
  text-decoration: underline;
}
</style>
</head>
<body>
<h1>标题 1</h1>
<h2>标题 2</h2>
<h3>标题 3</h3>
</body>
</html>

运行一下

提示：建议不要在非链接文本加下划线，因为这经常会引起阅读者的误解。

CSS 文字装饰

文字装饰

分类导航