2019-08-27 |

将样式设置为链接

链接可以使用任何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 之后出现

0

发表评论

    评价:
    验证码: 点击我更换图片
    最新评论