通过伪类选择器调整链接属性

最新推荐文章于 2023-03-06 10:41:53 发布

菜鸟下山

最新推荐文章于 2023-03-06 10:41:53 发布

阅读量242

点赞数

文章标签： HTML 链接颜色等属性设置

本文链接：https://blog.csdn.net/huzijia888/article/details/78508533

版权

<!doctype html>

<html>
<head>
<meta http-equiv="charset" content="UTF-8">
<title>测试页</title>
<style>
a.a1:link{
font-family:"微软雅黑";
font-size:10px;
text-decoration:overline;
color:blue;
}
/*伪类选择器直接改变a1类的link属性*/
a.a1:hover{
color:red;
}
/*伪类选择器直接改变a1类的hover属性*/
a.a2:link{
font-family:"宋体";
font-size:19px;
text-decoration:none;
color:black;
}
a.a2:hover{
color:yellow;
}
a.a3:link{
font-family:"楷体";
font-size:20px;
text-decoration:line-through;

color:green;
}
a.a3:hover{
color:pink;
}
</style>
</head>
<body>
<a href="http://www.baidu.com" class="a1">链接1&nbsp&nbsp</a>
<a href="http://www.baicu.com" class="a2">链接2&nbsp&nbsp</a>
<a href="http://www.baidu.com" class="a3">链接3&nbsp&nbsp</a>
</body>
</html>

菜鸟下山

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
通过伪类选择器调整链接属性

测试页a.a1:link{font-family:"微软雅黑";font-size:10px;text-decoration:overline;color:blue;}/*伪类选择器直接改变a1类的link属性*/a.a1:hover{color:red;}/*伪类选择器直接改变a1类的hover属性*/a.a2:link{font-fami
复制链接

扫一扫