网页教学网
 当前位置: 网页教学网 >> 网页制作 >> CSS技术应用 >> 阅读:学习CSS使用技巧教程(7)连接属性
[ HTML ] [ FW ] [ DW ] [ FP ] [ JS ] [ XML ] [ CSS ] [ 图象 ] [ FLASH ] [ .NET ] [ ASP ] [ JSP ] [ PHP ] [ 数据 ] [ 系统 ] [ 安全 ] [ 素材 ] [ 建站 ] [ 主机 ] [ 入门 ] [ 技巧 ]

学习CSS使用技巧教程(7)连接属性

http://www.webjx.com  更新日期:2005-09-18 17:11  出处:网页教学网  作者:闪电儿

  上一节:文字属性

  连接属性

  在 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:9pt; text-decoration:none}
A:visited{color:blue; font-size:9pt; text-decoration:none}
A:hover{color:red; font-size:9pt; text-decoration:underline}
A:active{color:red; font-size:9pt; text-decoration:underline}
显示结果 Click Here !

  属性分类

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

关键词:
推荐给好友】【关闭】【收藏本文
最新五条评论
查看全部评论
评论总数 0
您的评论
用户名: 新注册) 密 码: 匿名:
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为