css链接样式怎么设置

html-css06

css链接样式怎么设置,第1张

css可以使用下面的几种伪类来设置链接样式:

链接的四种状态:

a:link - 普通的、未被访问的链接

a:visited - 用户已访问的链接

a:hover - 鼠标指针位于链接的上方

a:active - 链接被点击的时刻

当为链接的不同状态设置样式时,要按照如下规则:

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

a:active 必须位于 a:hover 之后

使用css设置鼠标放置在链接上时的样式应使用hover选择器。hover选择器:算是交互式的,是鼠标移上去回发生效果。定义和用法::hover在鼠标移到链接上时添加的特殊样式。提示:hover选择器器可用于所有元素,是链接。比如说下拉菜单功能,鼠标移上去会显示菜单:在dropdown-content里设置了displaynone,就是把这两行隐藏,给dropdown添加了hover选择器,效果是displayblock,变为块级元素,就形成了鼠标移过去显示菜单的效果。