手机
当前位置:查字典教程网 >网页设计 > 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-HACK写法及IE常用条件注释

鼠标经过图标动画效果

CSS工作原理及CSS规则命名介绍

css clear之清除区域

CSS兼容的技巧

CSS控制ul缩进间距和去掉li点的方法

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

两个DEDECMS分页样式css代码

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

精品推荐
分类导航