a标记的样式

CSS中超链接的样式设置

2006-11-10 10:42

在网页中调用的方法 <LINK href="css/index.css" type=text/css rel=stylesheet> 在 HTML 文件里的超连接文字经过浏览器的解释后都会以加下划线的方式来显示，并没有动态的效果，通过 CSS 之 Anchor Pseudo Classes，大家可以将超连接文字的显示方式做到几种不同的变化。 　　例如：<A HREF=http://www.webjx.com>www.webjx.com</A> 　　以上的超级连接经过在浏览器页面上是以加下划线的方式显示。 但如果利用 CSS 之 Anchor Pseudo Classes 则可以做出动态的效果，其标签如下：记得两个属性见 " ; " 隔开，详细属性值设定请参阅 CSS 常用属性 ( Properties ) 与设定值一览表。 原始代码   A:link{color:blue; font-size:14pt; text-decoration:underline} A:visited{color:blue; font-size:14pt; text-decoration:underline} A:hover{color:red; font-size:14pt; text-decoration:none} A:active{color:red; font-size:9pt; text-decoration:none} 显示结果   Click Here ! 　　属性分类 　　A:link 是代表普通状态的连接 　　A:visited 是代表访问过的连接 　　A:hover 是代表鼠标移到连接 　　A:active 是代表按下去连接 　　color 是代表连接颜色 　　font-size 是代表连接文字大小，适用 point(pt) 或是 pixels(px) 　　text-decoration 是代表文字样式，none 代表没有下划线 a:link     指正常的未被访问过的链接 a:active     指点击链接的瞬间出现的链接情况 a:visited     指已经访问过的链接 a:hover     指鼠标放上去链接出现的情况