HTML的各种基本标记之外二篇:(2)通过实例设置不同状态链接文字的颜色

(1)下面通过实例设置未访问的链接文字的颜色,代码如下:

<html>

<head>

<title>页面的链接文字</title>

</head>

<body text="#000000" link="#FF00FF">

<center>

设置文字的链接效果

<br><br>

<a href="http://www.liangtzi.net">链接文字</a>

<br><br>

</center>

</body>

</html>

运行这段代码,可以看到链接文字的颜色已经不是默认的蓝色,而是网页中设置的紫色。

2)在这段代码的基础上,添加正在访问的文字颜色设置。这一属性需要用到alink 参数,添加后的代码如下:

<html>

<head>

<title>页面的链接文字</title>

</head>

<body text="#000000" link="#FF00FF" alink="FF0000">

<center>

设置文字的链接效果

<br><br>

<a href="http://www.liangtzi.net">链接文字</a>

<br><br>

<a href="http://www.xxwm.org">正在访问的链接</a>

</center>

</body>

</html>

运行这段代码之后,单击链接文字“正在访问的链接”,会发现按下鼠标时,文字颜色变成了红色。

3)在这段代码的基础上修改一部分代码,使用vlink 参数设置访问后的文字链接颜色,完成的代码如下:

<html>

<head>

<title>页面的链接文字</title>

</head>

<body text="#000000" link="#FF00FF" alink="FF0000" vlink="996600">

<center>

设置文字的链接效果

<br><br>

<a href="http://www.yahoo.com">链接文字</a>

<br><br>

<a href="http://www.huachu.com">已经访问过的链接</a>

</center>

</body>

</html>

运行这段代码,会看到访问过的链接文字颜色变成了棕褐色。

html专题相关文章

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.liangtzi.net/index.php/post/265.html