专 题 |
电脑入门 | 操作系统 | 办公软件 | 电脑DIY | 网页制作 | 等级考试 | 网络专栏 |
会员登陆 | 会员退出
会员注册 | 会员列表
 当前位置:> 网络学院 > 阅读新闻 打印本页


CSS初级入门:连接属性

 时间:2006-6-7 13:12:37
 
 连接属性

  在 HTML 文件里的超连接文字经过浏览器的解释后都会以加下划线的方式来显示,并没有动态的效果,通过 CSS 之 Anchor Pseudo Classes,大家可以将超连接文字的显示方式做到几种不同的变化。

  例如:<A HREF=http://www.applelife.cn>www.applelife.cn</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}
显示结果

  属性分类

  A:link 是代表普通状态的连接
  A:visited 是代表访问过的连接
  A:hover 是代表鼠标移到连接
  A:active 是代表按下去连接
  color 是代表连接颜色
  font-size 是代表连接文字大小,适用 point(pt) 或是 pixels(px)
  text-decoration 是代表文字样式,none 代表没有下划线

 

【】【 】【关闭】来源:铁通呼伦贝尔信息港   

 ·上一条:Word+Excel实现表格的行列转置 (6-7)
 ·下一条:谈博客网站的盈利模式 (6-7)
 相关专题:
 尚无信息
 相关信息:CSS初级入门:连接属性
 尚无信息
╣ CSS初级入门:连接属性 会员评论[共 0 篇] ╠
╣ 我要评论 ╠
姓 名:   密 码:   新人注册
热门图片信息
尚无热门图片