CSS 链接与样式介绍

不同的链接可以有不同的样式

链接的样式，可以用任何CSS属性（如颜色，字体，背景等）。

特别的链接，可以有不同的样式，这取决于他们是什么状态。

链接样式

这四个链接状态是：

a href="添加需要跳转的地址"

a:link-正常，未访问过的链接

a:visited-用户已访问过的链接

a:hover-当用户鼠标放在链接上时变大变小或者变颜色（字体或者图片）

a:active-链接被点击的那一刻

实例

a:link{color:#000000;}/*未访问链接*/

a:visited{color:#00FF00;}/*已访问链接*/

a:hover{color:#FF00FF;}/*鼠标移动到链接上*/

a:active{color:#0000FF;}/*鼠标点击时*/

当设置为若干链路状态的样式，也有一些顺序规则：

a:hover必须跟在a:link和a:visited后面

a:active必须跟在a:hover后面

此款网页设计为 HTML5+CSS 全静态设计，包含所有源码和图片素材，需要免费下载的同学请前往：www.ijianweb.com