设置链接样式
链接可以使用任何 CSS 属性(例如 color
、font-family
、background
等)来设置样式。
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之后。