首页 > 建站‧营销

css根据链接处于什么状态来设置链接的不同样式


设置链接样式

链接可以使用任何 CSS 属性(例如 colorfont-familybackground 等)来设置样式。

a {color: red;}

css根据链接处于什么状态来设置链接的不同样式:

  • a:link - 未被访问的链接;
  • a:visited - 已被访问的链接;
  • a:hover - 将鼠标悬停在链接上;
  • a:active - 链接被点击时;

实例

/* 未被访问的链接 */
a:link {color: red;}

/* 已被访问的链接 */
a:visited {color: green;}

/* 将鼠标悬停在链接上 */
a:hover {color: hotpink;}

/* 被选择的链接 */
a:active {color: blue;}

如果为多个链接状态设置样式,需遵循:a:hover必须a:link和a:visited之后;a:active必须在a:hover之后。

本文链接:https://www.zhanque.net/cms/2198.html