W3.CSS 颜色
W3.CSS 中使用的默认配色方案受到 Material Design Colors（营销、路标和便签中使用的颜色）的启发。
为 HTML 元素着色
这 w3-颜色 和w3-文本-颜色 类可用于为任何 HTML 元素着色：
容器：
伦敦是英国人口最多的城市，大都市区人口超过 900 万。
伦敦是英国人口最多的城市，大都市区人口超过 900 万。
纽扣：
文本：
红色的
紫色的
蓝色的
绿色的
橙子
边界：
红色的
绿色的
蓝色的
黄色的
灰色的
黑色的
表格：
| 姓名 | 积分 |
|---|---|
| 吉尔·史密斯 | 50 |
| 伊芙·杰克逊 | 94 |
| 亚当约翰逊 | 67 |
牌：
汽车是一种用于运输的有轮自供电机动车。该术语的大多数定义都规定汽车主要设计用于在道路上行驶，可容纳 1 至 8 人，通常有四个轮子。（维基百科）
背景颜色
这 w3-颜色 类设置任何 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>
亲自尝试 »
颜色 灰色的 和灰色的 在所有 W3.CSS 类别中可互换。
文本颜色
这 w3-文本-颜色 类设置任何 HTML 元素的文本颜色：
伦敦
伦敦是英国人口最多的城市，大都市区人口超过 900 万。
伦敦
伦敦是英国人口最多的城市，大都市区人口超过 900 万。
悬停颜色
这 w3-悬停-颜色 类定义任何 HTML 元素的背景悬停颜色：
伦敦
伦敦是英国人口最多的城市，大都市区人口超过 900 万。
例子
<div class="w3-container w3-orange w3-hover-red">
<h2>伦敦</h2>
<p>伦敦是英国人口最多的城市，大都市区人口超过 900 万。</p>
</div>
亲自尝试 »
这 w3-悬停文本-颜色 类定义任何 HTML 元素的文本悬停颜色：
伦敦
伦敦是英国人口最多的城市，大都市区人口超过 900 万。
例子
<div class="w3-container w3-orange w3-hover-text-white">
<h2>伦敦</h2>
<p>伦敦是英国人口最多的城市，大都市区人口超过 900 万。</p>
</div>
亲自尝试 »
颜色库
除了标准的 W3.CSS 颜色外，W3.CSS 还可以使用许多不同颜色库中的颜色：
窗户颜色：
酸橙
绿色的
橄榄
翠
深青色
钢
青色
蓝色的
靛青
钴
紫色
淡紫色
粉色的
品红
红色的
橙子
琥珀色
黄色的
棕色的
灰褐色
赭色
赤红
时尚色彩：
火焰
绿化
码头
报春花
黄色的
黄色的
中性灰色
阴影
云杉
云杉
海军
牡丹
牡丹
黄褐色
港口
港口
高速公路颜色：
红色的
绿色的
蓝色的
黄色的
您将在本教程的后面章节中学习更多有关颜色的知识。
