HTML菜鸟入门5

最新推荐文章于 2022-11-16 20:12:10 发布

小笨要阳光

最新推荐文章于 2022-11-16 20:12:10 发布

阅读量338

点赞数

分类专栏： html 文章标签： html 标签 a标签 hover active

本文链接：https://blog.csdn.net/xiaobenyaoyangguang/article/details/77459256

版权

html 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

A标签的四个伪类

伪类：伪类用于向被选中元素添加特殊的效果。(元素在特定情况下才具备的)
link 未访问（默认）
hover鼠标悬停(鼠标滑过)
active链接激活（鼠标按下）
visited访问过后（点击过后）
A标签四个伪类的顺序：
link visited hover active

改变默认的a标签

<head>
<style>
a:link{ font-size:60px; text-decoration:none; color:green;} 
</style>
</head>
<body>
<a href="#">a标签（链接，下载，锚点）</a>
</body>

效果：
这里写图片描述

修改a标签的hover

<style>
a:link{ font-size:60px; text-decoration:none; color:green;}
a:hover{color:red;text-decoration:underline;font-size:10px;}
</style>
</head>
<body>
<a href="#">a标签（链接，下载，锚点）</a>
</body>

效果：
这里写图片描述

修改a标签的active

<style>
a:link{ font-size:60px; text-decoration:none; color:green;}
a:hover{color:red;text-decoration:underline;font-size:10px;}
a:active{color:yellow}
</style>
</head>
<body>
<a href="#">a标签（链接，下载，锚点）</a>
</body>

效果：
这里写图片描述

修改a标签的visited

<style>
a:link{ font-size:60px; text-decoration:none; color:green;}
a:hover{color:red;text-decoration:underline;font-size:10px;}
a:active{color:yellow}
a:visited{color:black}
</style>
</head>
<body>
<a href="#">a标签（链接，下载，锚点）</a>
</body>

如图：
这里写图片描述

更加详尽的a标签伪类图文详解点击click：
click

小笨要阳光

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML菜鸟入门5

A标签的四个伪类伪类：伪类用于向被选中元素添加特殊的效果。(元素在特定情况下才具备的) link 未访问（默认） hover鼠标悬停(鼠标滑过) active链接激活（鼠标按下） visited访问过后（点击过后） A标签四个伪类的顺序： link visited hover active改变默认的a标签<head><style>a:link{ font-size:60px; tex
复制链接

扫一扫

专栏目录