CSS 文字装饰


文字装饰

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

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

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5. a {
  6. text-decoration: none;
  7. }
  8. </style>
  9. </head>
  10. <body>
  11. <p>没有下划线的链接:<a href="https://cankaoshouce.com">cankaoshouce.com</a></p>
  12. </body>
  13. </html>

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

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5. h1 {
  6. text-decoration: overline;
  7. }
  8. h2 {
  9. text-decoration: line-through;
  10. }
  11. h3 {
  12. text-decoration: underline;
  13. }
  14. </style>
  15. </head>
  16. <body>
  17. <h1>标题 1</h1>
  18. <h2>标题 2</h2>
  19. <h3>标题 3</h3>
  20. </body>
  21. </html>

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

分类导航