CSS 基础学习-085 css 使用text-decoration 属性用于设置或删除文本装饰

由 hrs, 10 十月, 2021

text-decoration 属性用于设置或删除文本装饰，设定值为：none  删除下划线，overline  顶部下划线，line-through  中间下划线，underline 底部下划线

实例代码：
<!doctype html>
<html>
  <head>
    <meta charset="utf-8"></meta>
    <style>
      a.none{
        text-decoration:none;
      }
      p.overline{
        text-decoration:overline;
      }
      p.line_through{
        text-decoration:line-through;

      }
      p.underline{
        text-decoration:underline;
      }


    </style>
  </head>
  <body>
    <h1>文本的装饰实例</h1>
    <p >没有下划线的链接:<a class="none"href="https://www.dwoke.com">你行网</a></p>
    <p class="overline">顶部下划线</p>
    <p class="line_through">中间下划线</p>
    <p class="underline">底部下划线</p>
  </body>
</html>

运行效果：

css-085.png

标签

评论