背景颜色属性指定链接背景色 - 在线编辑器

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    a:link {
      background-color: #B2FF99;
    }
    /* 未访问链接 */

    a:visited {
      background-color: #FFFF85;
    }
    /* 已访问链接 */

    a:hover {
      background-color: #FF704D;
    }
    /* 鼠标移动到链接上 */

    a:active {
      background-color: #FF704D;
    }
    /* 鼠标点击时 */
  </style>
</head>

<body>
  <p><b><a href="/css/" target="_blank">这是一个链接</a></b></p>
  <p><b>注意:</b> hover必须在:link和 a:visited之后定义才有效.</p>
  <p><b>注意:</b>active必须在hover之后定义是有效的.</p>
</body>
</html>
​x
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    a:link {
      background-color: #B2FF99;
    }
    /* 未访问链接 */
​
    a:visited {
      background-color: #FFFF85;
    }
    /* 已访问链接 */
​
    a:hover {
      background-color: #FF704D;
    }
    /* 鼠标移动到链接上 */
​
    a:active {
      background-color: #FF704D;
    }
    /* 鼠标点击时 */
  </style>
</head>
​
<body>
  <p><b><a href="/css/" target="_blank">这是一个链接</a></b></p>
  <p><b>注意:</b> hover必须在:link和 a:visited之后定义才有效.</p>
  <p><b>注意:</b>active必须在hover之后定义是有效的.</p>
</body>
</html>