南强小屋 Design By 杰米
因为鼠标移动到链接上,点击链接后,字体颜色大小都会变化,所以不贴图了,直接上代码:
特别要注意的是:清除浏览器缓存测试!
还有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="/UploadFiles/2021-03-30/2.png"><a href="#"><img src="3.png"></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="/UploadFiles/2021-03-30/2.png"><a href="#"><img src="3.png"></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效果
南强小屋 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
南强小屋 Design By 杰米
暂无超链接点击移动至上方以及点击过的css效果设置的评论...