a标签鼠标经过字体和下划线颜色出现变化设置
来源:qinshining.com 编辑:覃师宁 时间:2020-11-29
在浏览一些网页时,尤其是一些关键字,当鼠标经过时,会发现关键字字体颜色改变,并出现下划线,那么是如何使用a标签来显示的呢
1、鼠标经过字体和下划线颜色出现变化
使用的是a标签伪元素选择器a:hover的用法,具体实现
- /*鼠标经过时*/
- a:hover{
- color: red;
- }
2、鼠标经过字体颜色改变,并出现下划线
出现下划线使用到字体的text-decoration属性,具体实现
- /*鼠标经过时*/
- a:hover{
- color: red;
- text-decoration: underline;
- }
对于字体下划线的用法,不明白的可以参阅文章:在html和css中字体下划线如何设置
声明:《a标签鼠标经过字体和下划线颜色出现变化设置》一文由覃师宁博客(qinshining.com)原创版权所有,禁止一切形式采集/转载,如需转载请联系站长!