CSS初级入门:连接属性

王朝html/css/js·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

连接属性

在 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 代表没有下划线

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航