13.7　使用CSS控制链接样式

整个网站都是由超链接连接而成的，下面讲述利用CSS控制超链接样式的方法。

13.7.1　使用CSS实现鼠标指针形状改变

用CSS实现改变鼠标指针形状的具体操作步骤如下：

1　打开HTML文档，在<head>与</head>之间相应的位置输入以下代码。

image311_1

image03提示

参考12.10节中光标属性cursor，还可以定义光标的其他属性。

2　对“公司简介”文字套用样式，保存文档，在浏览器中预览效果，如图13.22所示，可以看到鼠标指针变成了小箭头。

image311_2

图13.22　改变鼠标指针形状效果

13.7.2　鼠标指针移到链接文字上时改变文字大小或颜色

用CSS实现鼠标指针移到链接文字上时改变文字大小或颜色的具体操作步骤如下：

1　打开HTML文档，在<head>与</head>之间相应的位置输入以下代码。

image311_3

image03提示

利用a:link定义链接文字样式。

利用a:visited定义已访问链接样式。

利用a:hover定义变换图像链接样式。

利用a:active定义活动链接样式。

2　保存文档，在浏览器中预览效果，如图13.23所示。

image312_1

图13.23　鼠标指针移到某个链接文字上时文字变大或改变颜色效果