a标签的样式

谈a标签的样式

使用CSS的伪类可以修改a标签的样式

1. 悬停样式（在鼠标停留在a标签时的样式）

a:hover{
    color:red;
    background-colr:cadetblue;
}

2. 点击时的样式（鼠标点击a标签）

a:active{
     color:yellow;
}

3. 聚焦时的样式（获取焦点）

    a:focus{
        color:blue;
        background-color:black;
    }

4. 默认样式（有下划线）

去除a标签默认的下划线使用

<!--在此改变a的默认样式-->
a{
      text-decoration:none;
      color:purple;
      font-weight:bold;
  }

展示为：

注意：:active,:focus调换位置，显示出来的效果会有所不同，排在后面的样式会覆盖前面的样式。