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-暗红色
尝试一下 »
更多建议：