最适合网络开发者的网站
W3CSS。初学者课程

尿素

W3.CSS 颜色类别


W3.CSS 默认颜色

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

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

例子

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

亲自尝试 »

伦敦

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

伦敦

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

伦敦

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


扁平化用户界面

扁平化 UI 是另一种可以在 W3.CSS 中使用的流行颜色类别:

例子

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

亲自尝试 »

伦敦

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

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


Windows Metro 用户界面

Metro 是 Microsoft 设计语言(MDL)的昵称。

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

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

例子

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

亲自尝试 »

伦敦

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


Windows 8

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

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

例子

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

亲自尝试 »

伦敦

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