网页设计师在网站制作时常常会为其正文、标题和链接设置了各种各样的颜色,唯独忘记了设置背景颜色。那么当访客浏览网站时,可能因为在他们浏览器的偏好设置中指定了不同的颜色,他们有可能:

* 看到不协调或令人不舒服的颜色搭配。
* 更坏的情况是,如果访客浏览器的偏好设置是浅色字体配深色背景,而你的站点设置为深色字体配浅色背景,那么,访客可能会看不清楚网页上的文字,因为变成了深色文字在深色背景上,反之亦然。

避免这些问题的经验法则是:如果你指定了一种颜色,必须指定所有的颜色,包括背景色。

使用级联样式表在网页中设置颜色的方法不仅是新式的,也是很好的。我们强烈推荐使用这种方法来取代在 HTML 中使用 <body> 属性和 <font> 元素的方法,因为 CSS 更灵活,更容易维护,而且能节省带宽。下面将讲述如何使用 CSS 属性 <color> 和 <background-color> 或其简写 <background> 来指定颜色。

一个例子

上海荣欧网络公司背景色、前景色,和链接的颜色都被指定为黑色字体白色背景。

html, body {background: #fff;color: #000;}

A:link {background: #fff;color: #000;text-decoration:none}

A:active {background: #fff;color: #000;text-decoration:none }