手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >超链接点击移动至上方以及点击过的css效果设置
超链接点击移动至上方以及点击过的css效果设置
摘要:因为鼠标移动到链接上,点击链接后,字体颜色大小都会变化,所以不贴图了,直接上代码:特别要注意的是:清除浏览器缓存测试!还有css中link,...

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

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

还有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效果设置】相关文章:

鼠标移入移出改变CSS样式的小例子

文字环绕图片的布局效果

CSS条状图表形式的实现方法

左中右3栏最先显示中栏内容的方法

css解决覆盖父元素透明度的效果

如何让文字滚动后自动停止效果示例

用css3实现当鼠标移进去时当前亮其他变灰效果

移动互联网之响应式设计

css clear之清除区域

css实现图片在div中居中的效果

精品推荐
分类导航