Windows Metro UI 颜色
Metro 是 Microsoft Design Language (MDL) 的昵称。
Metro 专注于扁平化设计和现代色彩
在 W3.CSS 中使用 Metro 颜色
W3.CSS 是一个用于为 HTML 页面设置样式的现代 CSS 框架。
这些示例向您展示了如何将 Windows Metro 颜色与 W3.CSS 一起使用
London
伦敦是英国人口最多的城市，都会区超过 900 万居民。
尝试一下
w3-metro-light-green
London
伦敦是英国人口最多的城市，都会区超过 900 万居民。
尝试一下
w3-metro-green
London
伦敦是英国人口最多的城市，都会区超过 900 万居民。
尝试一下
w3-metro-dark-green
London
伦敦是英国人口最多的城市，都会区超过 900 万居民。
尝试一下
w3-metro-magenta
London
伦敦是英国人口最多的城市，都会区超过 900 万居民。
尝试一下
w3-metro-light-purple
London
伦敦是英国人口最多的城市，都会区超过 900 万居民。
尝试一下
w3-metro-purple
London
伦敦是英国人口最多的城市，都会区超过 900 万居民。
尝试一下
w3-metro-dark-purple
London
伦敦是英国人口最多的城市，都会区超过 900 万居民。
尝试一下
w3-metro-darken
London
伦敦是英国人口最多的城市，都会区超过 900 万居民。
尝试一下
w3-metro-teal
London
伦敦是英国人口最多的城市，都会区超过 900 万居民。
尝试一下
w3-metro-light-blue
London
伦敦是英国人口最多的城市，都会区超过 900 万居民。
尝试一下
w3-metro-blue
London
伦敦是英国人口最多的城市，都会区超过 900 万居民。
尝试一下
w3-metro-dark-blue
London
伦敦是英国人口最多的城市，都会区超过 900 万居民。
尝试一下
w3-metro-yellow
London
伦敦是英国人口最多的城市，都会区超过 900 万居民。
尝试一下
w3-metro-orange
London
伦敦是英国人口最多的城市，都会区超过 900 万居民。
尝试一下
w3-metro-dark-orange
London
伦敦是英国人口最多的城市，都会区超过 900 万居民。
尝试一下
w3-metro-red
London
伦敦是英国人口最多的城市，都会区超过 900 万居民。
尝试一下
w3-metro-dark-red
示例
<div class="w3-metro-light-green">
<p>伦敦是英国人口最多的城市，</p>
大都市区人口超过 900 万。（维基百科）</p>
</div>
自己动手试试 » 下载 CSS »
W3schools 学习路径
跟踪您的进度 - 免费！
