最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
HTML超链接a标记CSS样式写法示例
时间：2022-06-25 08:59:44 编辑：袖梨 来源：一聚教程网
定义链接样式的四个伪类
1 :link
2 :visited
3 :hover
4 :active
因为我们要定义链接样式，所以其中必不可少的就是超级链接中的锚标签--a，锚标签和伪类链接起来书写的方法就是定义链接样式的基础方法，它们的写法如下：
1 a:link，定义正常链接的样式；
2 a:visited，定义已访问过链接的样式；
3 a:hover，定义鼠标悬浮在链接上时的样式；
4 a:active，定义鼠标点击链接时的样式
样式表CSS中定义链接 A 的顺序，可能会对大家有一些帮助：
A:link { color: #000000; TEXT-DECORATION: none}
A:visited { COLOR: #000000; TEXT-DECORATION: none}
A:hover { COLOR: #ff7f24; text-decoration: underline;}
A:active { COLOR: #ff7f24; text-decoration: underline;}
a :link、a:hover、a:visited这几个元素，定义CSS时候的顺序不同，也会直接导致链接显示的效果不同。
我想，原因就在于浏览器解释CSS时遵循的“就近原则”。
例
| 代码如下 | 复制代码 |
|
test |
|
相关文章
- 时空中的绘旅人天宇之间怎么玩 绘旅人天宇之间活动玩法介绍 12-25
- QQ2024年度报告怎么看 2024qq年度报告玩法介绍 12-25
- 归龙潮珠砂什么时候up 归龙潮红缘绮梦卡池介绍 12-25
- 王者荣耀S38赛季有什么更新 12-25
- 王者荣耀S38赛季有什么更新 王者荣耀S38赛季更新内容介绍 12-25
- 世界之外12.25有什么更新 世界之外12月25日更新内容介绍 12-25