您的位置:首页 > Web前端 > CSS

超链接点击,移动至上方,点击过的css效果

2014-01-24 00:57 316 查看
学习自传智播客视频教程--韩顺平老师

因为鼠标移动到链接上,点击链接后,字体颜色大小都会变化,所以不贴图了,直接上代码:

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

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

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  html css link hover visited