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

刚坐在车里就开始电闪雷鸣。听着隆隆的雷声,没有恐慌,到有几分振奋人心的舒心感、酣畅淋漓感。朝外望去,突然间,狂风夹杂着骤雨席卷而来,一泻千里。瞬间暴雨如注,打在地上,溅起朵朵浪花,在热浪的蒸腾下激起层层水雾。满大街是慌乱的人群,行人跑着、叫喊着,唧唧喳喳的赶着在房檐下躲雨。这时候伞是没有用的,挡不住狂风暴雨的袭击,无论是带了伞的,还是没带伞的,全都躲在了房檐下。
因为鼠标移动到链接上,点击链接后,字体颜色大小都会变化,所以不贴图了,直接上代码:

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

还有css中link,hover,visited顺序注意一下!

linkhovervisited.html
复制代码
代码如下:

<html>
<head>
<link rel="stylesheet" type="text/css" rel="nofollow noopener noreferrer" href="css1.css"/>
</head>
<body>
<a rel="nofollow noopener noreferrer" href="http://www.sohu.com" target="_blank">百度</a>
<a rel="nofollow noopener noreferrer" href="#"><img src="2.png"/></a>
<a rel="nofollow noopener noreferrer" 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效果设置就介绍到这了。成长是一场和自己的比赛,不要担心别人会做得比你好,你只需要每天都做得比前一天好就可以了。更多相关超链接点击移动至上方以及点击过的css效果设置内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
如何使用CSS去掉超链接的虚线边框的方法

CSS定义超链接样式的顺序及四个伪类的用法示例介绍

css控制超链接(css超链接样式)

div+css纵向导航如何如何实现且为导航添加超链接

css通过伪类来设置超链接样式附示例