码农教程 - 一技在手,衣食无忧! tools

W3.CSS Metro UI 颜色

❮ 上一节 下一节 ❯

Windows Metro 用户界面

Metro 是微软设计语言（MDL）的昵称。

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

此示例演示如何将 Windows Metro 颜色与 W3.CSS 结合使用：

示例

<div class="w3-metro-light-green">
  <p>London is the most populous city in the United Kingdom,
  with a metropolitan area of over 9 million inhabitants.</p>
</div>

亲自试一试»  下载 CSS »

伦敦

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

尝试一下

w3-metro-浅绿色

伦敦

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

尝试一下

w3-地铁-绿色

伦敦

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

尝试一下

w3-metro-深绿色

伦敦

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

尝试一下

w3-地铁洋红色

伦敦

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

尝试一下

w3-metro-浅紫色

伦敦

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

尝试一下

w3-都市紫

伦敦

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

尝试一下

w3-metro-深紫色

伦敦

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

尝试一下

w3-metro-变暗

伦敦

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

尝试一下

w3-地铁-青色

伦敦

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

尝试一下

w3-metro-浅蓝色

伦敦

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

尝试一下

w3-地铁-蓝色

伦敦

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

尝试一下

w3-metro-深蓝色

伦敦

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

尝试一下

w3-都市黄

伦敦

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

尝试一下

w3-地铁-橙色

伦敦

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

尝试一下

w3-地铁-深橙色

伦敦

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

尝试一下

w3-地铁红

伦敦

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

尝试一下

w3-metro-深红


❮ 上一节 下一节 ❯