CSS 链接

• • a:link - 普通的、未被访问的链接
  • a:visited - 用户已访问的链接
  • a:hover - 鼠标指针位于链接的上方
  • a:active - 链接被点击的时刻

• • a:hover 必须位于 a:link 和 a:visited 之后
  • a:active 必须位于 a:hover 之后

    “text-decoration"属性最大作用是用于取消下划线

    鼠标移入元素周围，hover生效，然后才是点击active。

    使用方法：

    html键入文本<a>

    <style>

    a:link {text-decoration:none;}  /*取消下划线*/

    a:visited {text-decoration:none;}

    a:hover {text-decoration:underline;}/*加上下划线*/

    a:active {text-decoration:none;}

</style>

设置文本颜色也是相同道理，link/visited/hover/active/都要遵循各自的顺序。

   a:link {color:#FF0000;}    /* 未被访问的链接 */
   a:visited {color:#00FF00;} /* 已被访问的链接 */
   a:hover {color:#FF00FF;}   /* 鼠标指针移动到链接上 */
   a:active {color:#0000FF;}  /* 正在被点击的链接 */

辅助学习链接：辅助学习链接：W3C_CSS_link

补充：

<style>
a:link {background-color:#B2FF99;}    /* 未被访问的链接 */
a:visited {background-color:#FFFF85;} /* 已被访问的链接 */
a:hover {background-color:#FF704D;}   /* 鼠标指针移动到链接上 */
a:active {background-color:#FF704D;}  /* 正在被点击的链接 */
</style>

”background-color"属性是文本背景色。

和color不同，color是纯粹的文字颜色。