HTML+CSS+JavaScript网页制作实用教程
上QQ阅读APP看书,第一时间看更新

2.1.4 课堂案例——设置链接文字属性

为了突出超链接,超链接文字通常采用与其他文字不同的颜色,超链接文字的下端还会加一条横线。网页的超链接文字有默认的颜色,在默认情况下,浏览器以蓝色作为超链接文字的颜色,访问过的超链接的颜色则变为暗红色。在<body>标记中也可自定义这些颜色。

语法:


<body link="颜色">

说明:这一属性的设置与前面几个设置颜色的属性类似,都是与<body>标记符放置在一起的,表明它对网页中所有未单独设置的元素起作用。

举例:


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>设置链接文字属性</title>
</head>
<body link="#993300">
<a href="#">链接的文字</a>
</body>
</html>

在代码中加粗的部分link="#993300"是为链接文字设置颜色,在浏览器中预览效果,可以看到链接的文字已经不是默认的蓝色,如图2.7所示。

图2.7 设置链接文字的颜色

alink属性可以设置单击超链接时的颜色,举例如下。


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>设置链接文字属性</title>
</head>
<body alink="#0066FF">
<a href="#">链接的文字</a>
</body>
</html>

在代码中加粗的部分alink="#0066FF"是为单击链接的文字时设置颜色,在浏览器中预览效果,可以看到单击链接的文字时,文字已经改变了颜色,如图2.8所示。

图2.8 单击链接时文字的颜色

vlink属性可以设置已访问过的超链接的颜色,举例如下。


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>设置链接文字属性</title>
</head>
<body  vlink="#FF0000">
<a href="#">链接的文字</a>
</body>
</html>

在代码中加粗部分vlink="#FF0000"是为链接的文字设置访问后的颜色,在浏览器中预览效果,可以看到单击链接后文字的颜色已经发生改变,如图2.9所示。

在网页中,一般超链接都是蓝色的(当然,也可以自己设置成其他颜色),文字下面有一条下画线。当移动鼠标指针到该超链接上时,鼠标指针就会变成一只手的形状,这时候用鼠标单击,就可以直接跳到与这个超链接相连接的网页。如果已经浏览过某个超链接,这个超链接的文字颜色就会发生改变。图2.10所示为网页中超链接文字的颜色。

图2.9 访问后的链接文字的颜色

图2.10 网页中超链接文字的颜色