手机
当前位置:查字典教程网 >网页设计 > 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工作原理及CSS规则命名介绍

IE9 CSS因Mime类型不匹配而被忽略问题相关解答

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

CSS兼容IE6、IE7、IE8和Firefox浏览器的方法

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

用CSS设置表格边框的语法详解

针对主流浏览器的CSS-HACK写法及IE常用条件注释

CSS中background-position使用技巧

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

精品推荐
分类导航