超链接点击移动至上方以及点击过的css效果设置
网站建设 2021-07-03 08:15www.dzhlxh.cn网站建设
因为鼠标移动到链接上，点击链接后，字体颜色大小都会变化，所以不贴图了，直接上代码：
特别要注意的是：清除浏览器缓存测试！
还有css中link,hover,visited顺序注意一下！
linkhovervisited.html
<html>
<head>
<link rel="stylesheet" type="text/css" href="css1.css"/>
</head>
<body>
<a href="http://www.sohu.com" target="_blank">百度</a>
<a href="#"><img src="2.png"/></a>
<a href="#"><img src="3.png"/></a>
</body>
</html>
css1.css
a:link{
color:red;
text-decoration:none;
font-size:30px;
}
a:visited{
color:green;
}
a:hover{
color:yellow;
text-decoration:underline;
font-size:50px;
}
特别要注意的是：清除浏览器缓存测试！
还有css中link,hover,visited顺序注意一下！
linkhovervisited.html
复制代码
代码如下:<html>
<head>
<link rel="stylesheet" type="text/css" href="css1.css"/>
</head>
<body>
<a href="http://www.sohu.com" target="_blank">百度</a>
<a href="#"><img src="2.png"/></a>
<a href="#"><img src="3.png"/></a>
</body>
</html>
css1.css
a:link{
color:red;
text-decoration:none;
font-size:30px;
}
a:visited{
color:green;
}
a:hover{
color:yellow;
text-decoration:underline;
font-size:50px;
}
上一篇：css控制水平衡线hr标签样式去掉阴影效果
下一篇：css3实现的下拉菜单效果示例