CSS 基础学习-103 css 使用text-decoration 属性装饰链接样式

由 hrs, 15 十月, 2021

text-decoration 属性主要用于从链接中删除下划线

实例代码：

<!doctype html>
<html>
  <head>
    <style>
      p{
        color:red;
      }
      a{
        font-size:20px;
      }
      a:link{
        text-decoration:none;
      }
      a:visited{
        text-decoration:none;
      }
      a:hover{
        text-decoration:underline;
      }
      a:active{
        text-decoration:underline;
      }
    </style>
  </head>
  <body>
    <h1>CSS 链接装饰</h1>
    <a href="https://www.dwoke.com">你行网</a>
    <p>注：上面这个链接是没有下划线的。</p>
  </body>
</html>

运行效果：

css-103.png

标签

评论