Windows Metro UI
Metro 是 Microsoft Design Language (MDL)的昵稱。
Metro 專注于排版、簡化圖標(biāo)和現(xiàn)代色彩。
這個例子展示了如何在 W3.CSS 中使用 Windows Metro 的顏色:
下載此 CSS
實例
<div class="w3-metro-light-green">
<p>倫敦是英國人口最多的城市，其都市區(qū)人口超過900萬。</p>
</div>
嘗試一下 ?
倫敦
倫敦是英國人口最多的城市，其都市區(qū)人口超過900萬。
w3-metro-淺綠色
嘗試一下 ?
倫敦
倫敦是英國人口最多的城市，其都市區(qū)人口超過900萬。
w3-metro-綠色
嘗試一下 ?
倫敦
倫敦是英國人口最多的城市，其都市區(qū)人口超過900萬。
w3-metro-深綠色
嘗試一下 ?
倫敦
倫敦是英國人口最多的城市，其都市區(qū)人口超過900萬。
w3-metro-品紅色
嘗試一下 ?
倫敦
倫敦是英國人口最多的城市，其都市區(qū)人口超過900萬。
w3-metro-淺紫色
嘗試一下 ?
倫敦
倫敦是英國人口最多的城市，其都市區(qū)人口超過900萬。
w3-metro-紫色
嘗試一下 ?
倫敦
倫敦是英國人口最多的城市，其都市區(qū)人口超過900萬。
w3-metro-紫黑色
嘗試一下 ?
倫敦
倫敦是英國人口最多的城市，其都市區(qū)人口超過900萬。
w3-metro-黑色
嘗試一下 ?
倫敦
倫敦是英國人口最多的城市，其都市區(qū)人口超過900萬。
w3-metro-青綠色
嘗試一下 ?
倫敦
倫敦是英國人口最多的城市，其都市區(qū)人口超過900萬。
w3-metro-淺藍(lán)色
嘗試一下 ?
倫敦
倫敦是英國人口最多的城市，其都市區(qū)人口超過900萬。
w3-metro-藍(lán)色
嘗試一下 ?
倫敦
倫敦是英國人口最多的城市，其都市區(qū)人口超過900萬。
w3-metro-深藍(lán)色
嘗試一下 ?
倫敦
倫敦是英國人口最多的城市，其都市區(qū)人口超過900萬。
w3-metro-黃色
嘗試一下 ?
倫敦
倫敦是英國人口最多的城市，其都市區(qū)人口超過900萬。
w3-metro-橙色
嘗試一下 ?
倫敦
倫敦是英國人口最多的城市，其都市區(qū)人口超過900萬。
w3-metro-暗橙色
嘗試一下 ?
倫敦
倫敦是英國人口最多的城市，其都市區(qū)人口超過900萬。
w3-metro-紅色
嘗試一下 ?
倫敦
倫敦是英國人口最多的城市，其都市區(qū)人口超過900萬。
w3-metro-暗紅色
嘗試一下 ?
免費AI編程助手
更多建議：