链接可以使用任何CSS属性设置样式(例如,颜色,字体系列,背景等)。
此外,链接的样式可以不同,具体取决于它们所处的状态。以下伪选择器可用:
a :link - 定义正常未访问链接的样式
a :visited - 定义访问链接的样式
a :active - a链接变为活动状态一旦你点击它
a :hover - 当鼠标悬停在链接上时,链接会悬停
下面的例子创建一个链接,当鼠标移过它时它会改变样式。
HTML:css:
a:hover { color:red; }
上面示例中的链接如下所示:但是当我们将鼠标悬停在它上面时,它会变成红色,就像我们在样式表中定义的那样。
在设置多个链接状态的样式时,有一些订单规则:
- a :hover 必须在a :link 和a :visited之后
- a :active 必须在a :hover 之后出现