W3.CSS Color (Metro UI)

2020-11-09 14:26 更新

Windows Metro UI

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

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

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

下载此 CSS

实例

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

尝试一下 »


伦敦

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

w3-metro-浅绿色

  尝试一下 »

伦敦

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

w3-metro-绿色

  尝试一下 »

伦敦

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

w3-metro-深绿色

  尝试一下 »

伦敦

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

w3-metro-品红色

  尝试一下 »

伦敦

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

w3-metro-浅紫色

  尝试一下 »

伦敦

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

w3-metro-紫色

  尝试一下 »

伦敦

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

w3-metro-紫黑色

  尝试一下 »

伦敦

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

w3-metro-黑色

  尝试一下 »

伦敦

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

w3-metro-青绿色

  尝试一下 »

伦敦

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

w3-metro-浅蓝色

  尝试一下 »

伦敦

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

w3-metro-蓝色

  尝试一下 »

伦敦

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

w3-metro-深蓝色

  尝试一下 »

伦敦

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

w3-metro-黄色

  尝试一下 »

伦敦

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

w3-metro-橙色

  尝试一下 »

伦敦

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

w3-metro-暗橙色

  尝试一下 »

伦敦

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

w3-metro-红色

  尝试一下 »

伦敦

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

w3-metro-暗红色

  尝试一下 »



以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号