5、HTML 颜色与图像的使用指南

HTML 颜色与图像的使用指南

1. HTML 颜色基础

在 HTML 中，颜色可以用英文名称或 RGB 值来表示。虽然使用英文名称是可以接受的，但不太推荐，因为有些名称并不直观，例如“Cornflower Blue”（矢车菊蓝，对应代码 #151B8D）。而 RGB 值在不同浏览器和图形程序中是一致的，因此 W3C 建议使用 RGB 值。

需要注意的是，HTML 颜色代码不区分大小写，例如 #FFFFFF 和 #ffffff 效果相同。有网站如 Computerhope.com 提供了颜色名称及其对应的 RGB 代码列表，可访问 www.computerhope.com/htmcolor.htm 查看。

2. 为 HTML 元素上色

2.1 使用 CSS 改变背景和文本颜色

要为页面的背景和文本元素上色，可以使用 CSS。改变背景颜色的 CSS 属性是 background-color ，它适用于许多 HTML 标签，如 body 、 p 和标题标签等。改变文本颜色的 CSS 属性是 color 。所有 CSS 颜色元素的写法都是： Property:#colorCode; 。

2.2 实践：创建一个颜色演示页面

以下是创建名为 colorPlay.html 页面的步骤：