W3.CSS Color (颜色类)

2020-11-09 13:58 更新

W3.CSS 默认颜色

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

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

实例

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

尝试一下 »
伦敦
伦敦是英国人口最多的城市,其都市区人口超过900万。

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

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

Flat UI

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


实例

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

尝试一下 »


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

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

Windows Metro UI

Metro 是 Microsoft Design Language (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万。


以上内容是否对您有帮助:

您可能还喜欢:

在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号