W3.CSS 颜色类别

W3.CSS 默认颜色

W3.CSS 中使用的默认颜色类受到 Material Design 的启发。

Material Design 颜色反映了营销、路标和便签中使用的颜色。

示例

<div class="w3-red">
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>

亲自试一试»

伦敦

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

伦敦

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

伦敦

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

扁平化用户界面

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

示例

<div class="w3-flat-turquoise">
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>

亲自试一试»

伦敦

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

您可以在本教程的后续章节中阅读有关替代颜色类别的更多信息。

Windows Metro 用户界面

Metro 是微软设计语言（MDL）的昵称。

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

此示例演示如何在 W3.CSS 中使用 Windows Metro 颜色：

示例

<div class="w3-metro-light-green">
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>

亲自试一试»

伦敦

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

视窗8

Windows 8 是第一个专注于扁平化设计和现代色彩的主要操作系统。

此示例展示如何在 W3.CSS 中使用 Windows 8 颜色：

示例

<div class="w3-win8-lime">
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>

亲自试一试»

伦敦

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