W3.CSS Color (颜色类)

W3.CSS 默认颜色

css 中使用的默认颜色类是受材质设计的启发。

材料设计的颜色反映了在市场营销、路标和便利贴中使用的颜色。

<div class="w3-red">
<p>伦敦是英国人口最多的城市，其都市区人口超过900万。</p>
</div>

伦敦
伦敦是英国人口最多的城市，其都市区人口超过900万。

Flat UI 是可以在 W3.CSS 中使用的另一个流行的颜色类:

<div class="w3-flat-turquoise">
<p>伦敦是英国人口最多的城市，其都市区人口超过900万。</p>
</div>

伦敦
伦敦是英国人口最多的城市，其都市区人口超过900万。

你可以在本教程的下一章阅读更多关于替代颜色类的内容。

Metro 是 Microsoft Design Language (MDL) 的昵称。

Metro 专注于排版、简化图标和现代色彩。

这个例子展示了如何在 W3.CSS 中使用 Windows Metro 的颜色:

<div class="w3-metro-light-green">
<p>伦敦是英国人口最多的城市，其都市区人口超过900万。</p>
</div>

伦敦
伦敦是英国人口最多的城市，其都市区人口超过900万。

Windows 8 是第一个注重平面设计和现代色彩的主流操作系统。

这个例子展示了如何在 W3.CSS 中使用 Windows 8 的颜色:

<div class="w3-win8-lime">
<p>伦敦是英国人口最多的城市，其都市区人口超过900万。</p>
</div>

伦敦
伦敦是英国人口最多的城市，其都市区人口超过900万。