最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
HTML超链接a标记CSS样式写法示例
时间:2013-12-20 编辑:简简单单 来源:一聚教程网
定义链接样式的四个伪类
1 :link
2 :visited
3 :hover
4 :active
因为我们要定义链接样式,所以其中必不可少的就是超级链接中的锚标签--a,锚标签和伪类链接起来书写的方法就是定义链接样式的基础方法,它们的写法如下:
1 a:link,定义正常链接的样式;
2 a:visited,定义已访问过链接的样式;
3 a:hover,定义鼠标悬浮在链接上时的样式;
4 a:active,定义鼠标点击链接时的样式
样式表CSS中定义链接 A 的顺序,可能会对大家有一些帮助:
A:link { color: #000000; TEXT-DECORATION: none}
A:visited { COLOR: #000000; TEXT-DECORATION: none}
A:hover { COLOR: #ff7f24; text-decoration: underline;}
A:active { COLOR: #ff7f24; text-decoration: underline;}
a :link、a:hover、a:visited这几个元素,定义CSS时候的顺序不同,也会直接导致链接显示的效果不同。
我想,原因就在于浏览器解释CSS时遵循的“就近原则”。
例
代码如下 | 复制代码 |
test |
-
上一个: IE6中li浮动后不能自适应宽度解决方法
-
下一个: CSS实现DIV内容居中(垂直)方法
相关文章
- 用HTML和CSS写出漂亮正规的BLOG 04-25
- CSS教程 11、CSS的属性缩写 [翻译Htmldog] 01-11
- CSS 鼠标点击拖拽效果代码展示 10-31
- CSS使用SVG实现动态分布的圆环发散路径动画教程 10-31
- css3中仿放大镜效果的几种方式原理介绍 10-26
- CSS3切割轮播图的代码展示 10-26