首页 > Web开发 > 详细

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

时间:2016-02-07 14:45:14      阅读:163      评论:0      收藏:0      [点我收藏+]
因为鼠标移动到链接上,点击链接后,字体颜色大小都会变化,所以不贴图了,直接上代码:

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

还有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效果设置

原文:http://www.jb51.net/css/133755.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!