CSS利用a标签伪类visited,hover,active设置样式

 时间:2024-10-14 15:07:03

1、新建一个html文件,命名为test.html,用来介绍如何利用a标签的伪类来设置样式。

CSS利用a标签伪类visited,hover,active设置样式

3、利用a标签伪类改变字体的颜色。下面代码实现了a标签的默认颜色为红色,点击链接过后,颜色变为绿色,当鼠标放在链接上显示粉红色。

CSS利用a标签伪类visited,hover,active设置样式

4、利用a标签伪类改变字体的大小。下面代码实现了a标签的默认大小为20px,点击链接过后,大小变为40px,当鼠标放在链接上大小为60px。

CSS利用a标签伪类visited,hover,active设置样式

5、利用a标签伪类改变链接的背景颜色。下面代码实现了a标签的默认背景颜色为红色,点击链接过后,背景颜色变为绿色,当鼠标放在链接上背景颜色为粉红色。

CSS利用a标签伪类visited,hover,active设置样式

6、利用a标签伪类改变链接的字体。下面代码实现了a标签的默认字体为Monospace,点击链接过后,字体变为Arial,当鼠标放在链接上字体为宋体。

CSS利用a标签伪类visited,hover,active设置样式

7、利用a标签伪类去掉链接默认的下划线。下面代码实现了a标签在任何状态下都没有下划线。

CSS利用a标签伪类visited,hover,active设置样式
  • intellij idea如何设置java代码风格
  • 用css div做两个实体小方块
  • css如何只设置一个html元素的上下边框
  • 如何使用CSS3属性控制图片旋转和变大
  • HTML表单教程 多选项的详解
  • 热门搜索
    胳膊发麻是怎么回事 大人发烧怎么办 紧急避孕药吃多了会怎么样 呼叫转移怎么收费 马踏飞燕眼镜怎么样 怎么查手机流量 意大利面怎么做好吃 怎么查看路由器密码 怎么治疗焦虑症 比熊犬怎么训练