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 學習路徑
跟蹤您的進度 - 免費！
