您好,欢迎来到覃师宁博客!
帝国cms使用手册

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中字体下划线如何设置

感谢您的支持,我会继续努力的!
扫码支持
支付宝扫一扫,向我打赏
标签: html教程

相关文章

文章评论

人参与,共有 0 条评论

为了响应国家网信办《网站要对跟帖评论审核管理规定》,网站评论将审核后发表

微信订阅号