W3.CSS 颜色类

W3.CSS 默认颜色

W3.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万。