会员投稿
RSS订阅body中的文档色彩属性
在<body>元素中有许多属性可以影响到文档body区内容的显示，包括设置背景颜色，文本色彩以及链接的颜色。作为最常用的<body>元素属性之一，bgcolor用于定义文档的背景颜色，这是在Mosaic默认的灰色背景（在Macintosh上是白色）之上的明显进步，尽管它以及其他的<body>属性已经导致了许多设计过失。如果得到正确的使用，这些属性能够增强网页的外观；而如果误用的话，它们将会使人头痛。十六进制RGB值和色彩名都可以用于 bgcolor 以及下面将提到的四个属性。例如，要创建一个白色的背景，bgcolor 属性可以设置为<body bgcolor="#FFFFFF">，或者简单地使用色彩名<body bgcolor="white">。
<body>元素中的text属性用于定义整个文档的文本的颜色，它的属性值既可以使用色彩的十六进制代码，也可以使用色彩名。所以，<body bgcolor="white" text="green">将创建出一个白色背景，绿色文字的网页。
不过请注意，正如本章前面所讨论的，如果把<font>元素中的color属性应用于特定的文字，这个颜色将覆盖<body>元素中所定义的文本颜色。
除了文本以外，通过<body>元素的link、alink和vlink属性，还能够定义链接的颜色。 其中，link属性定义了HTML文档中未访问的链接的颜色。例如，如果你已经把你的背景颜色设置为黑色，则最好使用浅色而不是标准的蓝色来表示链接。alink定义了正被点击时链接的颜色，虽然由于点击时间很短，这个颜色稍纵即逝而不容易让人注意，但如果愿意的话，能够制作出闪光的效果。如果要达到更柔和的效果，最好让alink属性值取与link或者 vlink 其中之一相同的值。vlink 属性定义了访问过的链接的颜色，在许多浏览器中都默认为是紫色，不过许多网页设计者希望把vlink属性设置为红色。通过上面所介绍的属性，我们可以用如下的代码来创建一个使用白色背景、绿色文字、红色链接、暗褐色的已访问链接的网页：
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Colors</title> </head> <body bgcolor="#FFFFFF" text="#008000" link="#FF0000" vlink="#FF00FF" alink="#FF0000"> ... Content to color ... </body> </html> |
在设置网页的文本和背景颜色时，设计者也应当特别小心，以保护网页的可读性。网页设计者常常在浅色的背景上使用浅色的文字，或者在深色的背景上使用深色的文字。例如，在黑色的背景上使用灰色的文字看上去可能很酷，但它在所有人的显示器上都这么酷吗？如果其他人的显示器的 Gamma 设置与你的大不相同，他们可能根本无法辨认背景上的文字。白色和黑色总是一对很好的色彩组合，红色也当然是有用的。根据对比度，最好的色彩组合实际上是黄色和黑色，不过这样的配色会使网页看上去像一块路标（路标是黄黑两色的）。即使有高对比度，如果字体尺寸太小，设计者在黑色的背景上使用白色文字时也应当小心，特别是在低分辨率的显示器上。
注意：Gamma 是一个用于描述图像设备输入和输出的关系的术语，不同的显示器有不同的固有Gamma设置。所以，同样一幅图像在两台不同的显示器上看上去可能大不相同。虽然用户无法改变显示器的Gamma设置，但是可以调整显示器的对比度、亮度和色彩。
