W3.CSS 颜色
W3.CSS 中使用的默认配色方案灵感来自 Material Design 颜色（用于营销、路标和便利贴的颜色）。
给 HTML 元素着色
w3-color 和 w3-text-color 类可用于为任何 HTML 元素着色
容器
伦敦是英国人口最多的城市，都会区超过 900 万居民。
伦敦是英国人口最多的城市，都会区超过 900 万居民。
按钮
文本
红色 紫色 蓝色 绿色 橙色
边框
红色
绿色
蓝色
黄色
灰色
黑色
表格
| 名称 | 分数 |
|---|---|
| Jill Smith | 50 |
| Eve Jackson | 94 |
| Adam Johnson | 67 |
卡片
汽车是一种带轮子的、自力驱动的机动车，用于交通运输。该术语的大多数定义规定，汽车设计用于主要在道路上行驶，可供一到八人乘坐，通常有四个轮子。（维基百科）
背景颜色
w3-color 类为任何 HTML 元素设置背景颜色
London
伦敦是英国人口最多的城市，都会区超过 900 万居民。
London
伦敦是英国人口最多的城市，都会区超过 900 万居民。
London
伦敦是英国人口最多的城市，都会区超过 900 万居民。
示例
<div class="w3-red">
<h2>伦敦</h2>
<p>伦敦是英国人口最多的城市，</p>
大都市区人口超过 900 万。（维基百科）</p>
</div>
<div class="w3-yellow">
<h2>伦敦</h2>
<p>伦敦是英国人口最多的城市，</p>
大都市区人口超过 900 万。（维基百科）</p>
</div>
<div class="w3-gray">
<h2>伦敦</h2>
<p>伦敦是英国人口最多的城市，</p>
大都市区人口超过 900 万。（维基百科）</p>
</div>
自己试试 »
在所有 W3.CSS 类中，gray 和 grey 是可互换的。
文本颜色
w3-text-color 类为任何 HTML 元素设置文本颜色
London
伦敦是英国人口最多的城市，都会区超过 900 万居民。
London
伦敦是英国人口最多的城市，都会区超过 900 万居民。
示例
<div class="w3-text-red">
<h2>伦敦</h2>
<p>伦敦是英国人口最多的城市，</p>
大都市区人口超过 900 万。（维基百科）</p>
</div>
悬停颜色
w3-hover-color 类为任何 HTML 元素定义背景悬停颜色
London
伦敦是英国人口最多的城市，都会区超过 900 万居民。
示例
<div class="w3-container w3-orange w3-hover-red">
<h2>伦敦</h2>
<p>伦敦是英国人口最多的城市，大都市区人口超过 900 万。（维基百科）</p>
</div>
自己试试 »
w3-hover-text-color 类为任何 HTML 元素定义文本悬停颜色
London
伦敦是英国人口最多的城市，都会区超过 900 万居民。
示例
<div class="w3-container w3-orange w3-hover-text-white">
<h2>伦敦</h2>
<p>伦敦是英国人口最多的城市，大都市区人口超过 900 万。（维基百科）</p>
</div>
自己试试 »
颜色库
除了标准的 W3.CSS 颜色外，W3.CSS 还可以使用许多不同的颜色库中的颜色
Windows 颜色
酸橙色
绿色
橄榄色
翡翠绿
水鸭色
钢蓝色
青色
蓝色
靛蓝色
钴蓝
紫罗兰色
紫罗兰色
粉色
洋红色
红色
橙子
琥珀色
黄色
棕色
灰褐色
赭色
深红色
时尚颜色
火焰红
绿色
海军蓝
报春花色
黄色
黄色
中性灰
阴影色
云杉绿
云杉绿
海军蓝
牡丹粉
牡丹粉
褐红色
酒红色
酒红色
公路颜色
红色
绿色
蓝色
黄色
在本教程的后续章节中，您将学到更多关于颜色的知识。
