最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
CSS初级入门：连接属性
时间：2022-07-02 12:51:25 编辑：袖梨 来源：一聚教程网
连接属性
在 HTML 文件里的超连接文字经过浏览器的解释后都会以加下划线的方式来显示，并没有动态的效果，通过 CSS 之 Anchor Pseudo Classes，大家可以将超连接文字的显示方式做到几种不同的变化。
例如：
以上的超级连接经过在浏览器页面上是以加下划线的方式显示。
但如果利用 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 代表没有下划线
在 HTML 文件里的超连接文字经过浏览器的解释后都会以加下划线的方式来显示，并没有动态的效果，通过 CSS 之 Anchor Pseudo Classes，大家可以将超连接文字的显示方式做到几种不同的变化。
例如：
以上的超级连接经过在浏览器页面上是以加下划线的方式显示。
但如果利用 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 代表没有下划线
相关文章
- 地下城堡4汲魂器怎么获得 汲魂器获取攻略 09-18
- 地下城堡4装备怎么搭配 装备搭配推荐 09-18
- 地下城堡4叛教者的圣所怎么打 叛教者的圣所打法教学 09-18
- 地下城堡4碎骨殿怎么过 碎骨殿过关攻略 09-18
- 地下城堡4护卫角色有哪些 护卫角色一览 09-18
- 崩坏星穹铁道丹恒腾荒突破材料是什么-丹恒腾荒养成材料汇总 09-18