连接属性
在 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} |
| 显示结果 | Click Here ! |
属性分类
A:link 是代表普通状态的连接
A:visited 是代表访问过的连接
A:hover 是代表鼠标移到连接
A:active 是代表按下去连接
color 是代表连接颜色
font-size 是代表连接文字大小,适用 point(pt) 或是 pixels(px)
text-decoration 是代表文字样式,none 代表没有下划线
相关文章
上一篇文章:CSS初级入门:文字的属性
下一篇文章:CSS:超越网格的布局
- 推荐阅讯
- 网站重构:利用CSS改善网站可访问性
- 旁门左道 你没见过的CSS效果
- CSS布局中最小高度(min-height)的妙用
- 使用em指定字体尺寸时的麻烦
- CSS解决未知高度的DIV垂直居中
- 经典 用CSS实现表单form布局
- web标准化 用CSS定义标题的几个实例
- 在 CSS 中关于字体处理效果的思考
- 用DIV做不规则形状的环绕文字
- 调整CSS类型的顺序改变链接翻滚效果
- 阅读排行
- 1.如何使用CSS来进行网页排版
- 2.CSS样式表教程-If you love css …
- 3.CSS用样式表美化你的网页
- 4.网页制作:几种所见所得的WEB在线编辑器
- 5.网页常见可用性错误——表单组件错误
- 6.CSS+JavaScript打造超酷右键菜单
- 7.针对浏览器隐藏CSS之九大技巧
- 8.DIV+CSS网页布局入门
- 9.搜索引擎的蜘蛛人(ROBOTS)秘密
- 10.CSS垂直树形下拉菜单
- 专题教程
- Windows Server-Windows Server文档-Windows Server新闻-Windows Ser PostgreSQL-PostgreSQL文档-PostgreSQL新闻-PostgreSQL专家
- WebLogic-WebLogic文档-WebLogic新闻-WebLogic专家 FreeBSD-FreeBSD文档-FreeBSD新闻-FreeBSD专家
- Linux-内核 GUI KDE Gnome DNS FTP 安全 安装-Linux专区 Windows-AD IIS ServerCore 虚拟化 安全 HPC-Windows专区
- 大话G游 专题:手机病毒揭密
- ARP攻击防范与解决方案 路由故障处理手册
