CSS 基础学习-104 css 使用background-color 属性设置链接背景颜色

由 hrs, 15 十月, 2021

background-color 属性可用于指定链接的背景色

实例代码：

<!doctype html>
<html>
  <head>
    <style>
      p{
        color:red;
      }
      a{
        font-size:40px;
      }
      a:link{
        background-color:yellow;/*黄色*/
      }
      a:visited{
        background-color:cyan;/*青色*/
      }
      a:hover{
        background-color:lightgreen;/*浅绿色*/
      }
      a:active{
        background-color:hotpink;/*粉色*/
      }
    </style>
  </head>
  <body>
    <h1>CSS 链接背景颜色</h1>
    <a href="https://www.dwoke.com">你行网</a>
    <p>注：把鼠标移动到链接查看链接背景颜色的变化</p>
  </body>
</html>

运行效果：

css-104.png

标签

评论