W3.CSS 颜色
W3.CSS 中使用的默认颜色方案灵感来自材料设计颜色（用于营销、路标和便签的颜色）。
为 HTML 元素着色
w3-color 和 w3-text-color 类可用于为任何 HTML 元素着色
容器
伦敦是英国人口最多的城市，其都市区拥有 900 多万居民。
伦敦是英国人口最多的城市，其都市区拥有 900 多万居民。
按钮
文本
红色 紫色 蓝色 绿色 橙色
边框
红色
绿色
蓝色
黄色
灰色
黑色
表格
| 姓名 | 分数 |
|---|---|
| 吉尔·史密斯 | 50 |
| 伊芙·杰克逊 | 94 |
| 亚当·约翰逊 | 67 |
卡片
汽车是一种有轮子的、自驱动的机动车，用于交通运输。大多数对该术语的定义都规定，汽车设计主要在道路上行驶，乘坐 1 至 8 人，通常有四个轮子。（维基百科）
背景颜色
w3-color 类为任何 HTML 元素设置背景颜色
伦敦
伦敦是英国人口最多的城市，其都市区拥有 900 多万居民。
伦敦
伦敦是英国人口最多的城市，其都市区拥有 900 多万居民。
伦敦
伦敦是英国人口最多的城市，其都市区拥有 900 多万居民。
示例
<div class="w3-red">
<h2>伦敦</h2>
<p>伦敦是英国人口最多的城市，
其都市区拥有 900 多万居民。</p>
</div>
<div class="w3-yellow">
<h2>伦敦</h2>
<p>伦敦是英国人口最多的城市，
其都市区拥有 900 多万居民。</p>
</div>
<div class="w3-gray">
<h2>伦敦</h2>
<p>伦敦是英国人口最多的城市，
其都市区拥有 900 多万居民。</p>
</div>
尝试一下 »
颜色 gray 和 grey 在所有 W3.CSS 类中可互换。
文本颜色
w3-text-color 类设置任何 HTML 元素的文本颜色
伦敦
伦敦是英国人口最多的城市，其都市区拥有 900 多万居民。
伦敦
伦敦是英国人口最多的城市，其都市区拥有 900 多万居民。
悬停颜色
w3-hover-color 类定义任何 HTML 元素的背景悬停颜色
伦敦
伦敦是英国人口最多的城市，其都市区拥有 900 多万居民。
示例
<div class="w3-container w3-orange w3-hover-red">
<h2>伦敦</h2>
<p>伦敦是英国人口最多的城市，其都市区拥有 900 多万居民。</p>
</div>
尝试一下 »
w3-hover-text-color 类定义任何 HTML 元素的文本悬停颜色
伦敦
伦敦是英国人口最多的城市，其都市区拥有 900 多万居民。
示例
<div class="w3-container w3-orange w3-hover-text-white">
<h2>伦敦</h2>
<p>伦敦是英国人口最多的城市，其都市区拥有 900 多万居民。</p>
</div>
尝试一下 »
颜色库
除了标准的 W3.CSS 颜色外，W3.CSS 还可以使用来自许多不同颜色库的颜色
Windows 颜色
酸橙色
绿色
橄榄色
翡翠色
蓝绿色
钢色
青色
蓝色
靛蓝色
钴蓝色
紫罗兰色
淡紫色
粉色
洋红色
红色
橙色
琥珀色
黄色
棕色
灰褐色
黄褐色
深红色
时尚颜色
火焰色
草绿色
海军蓝
淡黄色
黄色
黄色
中性灰色
阴影色
云杉色
云杉色
藏青色
牡丹色
牡丹色
黄褐色
酒红色
酒红色
公路颜色
红色
绿色
蓝色
黄色
在本教程的后续章节中，您将了解更多关于颜色的知识。
