在浏览一些网页时，尤其是一些关键字，当鼠标经过时，会发现关键字字体颜色改变，并出现下划线，那么是如何使用a标签来显示的呢

1、鼠标经过字体和下划线颜色出现变化

使用的是a标签伪元素选择器a:hover的用法，具体实现

•   /*鼠标经过时*/
•   a:hover{
•     color: red;
•   }

2、鼠标经过字体颜色改变，并出现下划线

出现下划线使用到字体的text-decoration属性，具体实现

•   /*鼠标经过时*/
•   a:hover{
•     color: red;
•     text-decoration: underline;
•   }

  对于字体下划线的用法，不明白的可以参阅文章：在html和css中字体下划线如何设置