超链接点击移动至上方以及点击过的css效果设置

前端技术 2023/09/09 CSS
因为鼠标移动到链接上，点击链接后，字体颜色大小都会变化，所以不贴图了，直接上代码：

特别要注意的是：清除浏览器缓存测试！

还有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;
}

本文地址：https://www.stayed.cn/item/24885

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案