W3.CSS 微软 UI 颜色
Windows Metro UI
Metro 是 Microsoft Design Language (MDL) 的昵称。
Metro 侧重于排版、简约的图标和现代色彩。
本示例演示了如何将 Windows Metro 颜色与 W3.CSS 结合使用
示例
<div class="w3-metro-light-green">
<p>伦敦是英国人口最多的城市，</p>
大都市区人口超过 900 万。（维基百科）</p>
</div>
自己动手 » 下载 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
W3schools 学习路径
跟踪您的进度 - 免费！
