W3.CSS Color (Metro UI)

2020-11-09 14:26 更新

Windows Metro UI

Metro 是 Microsoft Design Language (MDL)的昵稱(chēng)。

Metro 專(zhuān)注于排版、簡(jiǎn)化圖標(biāo)和現(xiàn)代色彩。

這個(gè)例子展示了如何在 W3.CSS 中使用 Windows Metro 的顏色:

下載此 CSS

實(shí)例

<div class="w3-metro-light-green">
<p>倫敦是英國(guó)人口最多的城市，其都市區(qū)人口超過(guò)900萬(wàn)。</p> 
</div>

嘗試一下 ?


倫敦

倫敦是英國(guó)人口最多的城市，其都市區(qū)人口超過(guò)900萬(wàn)。

w3-metro-淺綠色

  嘗試一下 ?

倫敦

倫敦是英國(guó)人口最多的城市，其都市區(qū)人口超過(guò)900萬(wàn)。

w3-metro-綠色

  嘗試一下 ?

倫敦

倫敦是英國(guó)人口最多的城市，其都市區(qū)人口超過(guò)900萬(wàn)。

w3-metro-深綠色

  嘗試一下 ?

倫敦

倫敦是英國(guó)人口最多的城市，其都市區(qū)人口超過(guò)900萬(wàn)。

w3-metro-品紅色

  嘗試一下 ?

倫敦

倫敦是英國(guó)人口最多的城市，其都市區(qū)人口超過(guò)900萬(wàn)。

w3-metro-淺紫色

  嘗試一下 ?

倫敦

倫敦是英國(guó)人口最多的城市，其都市區(qū)人口超過(guò)900萬(wàn)。

w3-metro-紫色

  嘗試一下 ?

倫敦

倫敦是英國(guó)人口最多的城市，其都市區(qū)人口超過(guò)900萬(wàn)。

w3-metro-紫黑色

  嘗試一下 ?

倫敦

倫敦是英國(guó)人口最多的城市，其都市區(qū)人口超過(guò)900萬(wàn)。

w3-metro-黑色

  嘗試一下 ?

倫敦

倫敦是英國(guó)人口最多的城市，其都市區(qū)人口超過(guò)900萬(wàn)。

w3-metro-青綠色

  嘗試一下 ?

倫敦

倫敦是英國(guó)人口最多的城市，其都市區(qū)人口超過(guò)900萬(wàn)。

w3-metro-淺藍(lán)色

  嘗試一下 ?

倫敦

倫敦是英國(guó)人口最多的城市，其都市區(qū)人口超過(guò)900萬(wàn)。

w3-metro-藍(lán)色

  嘗試一下 ?

倫敦

倫敦是英國(guó)人口最多的城市，其都市區(qū)人口超過(guò)900萬(wàn)。

w3-metro-深藍(lán)色

  嘗試一下 ?

倫敦

倫敦是英國(guó)人口最多的城市，其都市區(qū)人口超過(guò)900萬(wàn)。

w3-metro-黃色

  嘗試一下 ?

倫敦

倫敦是英國(guó)人口最多的城市，其都市區(qū)人口超過(guò)900萬(wàn)。

w3-metro-橙色

  嘗試一下 ?

倫敦

倫敦是英國(guó)人口最多的城市，其都市區(qū)人口超過(guò)900萬(wàn)。

w3-metro-暗橙色

  嘗試一下 ?

倫敦

倫敦是英國(guó)人口最多的城市，其都市區(qū)人口超過(guò)900萬(wàn)。

w3-metro-紅色

  嘗試一下 ?

倫敦

倫敦是英國(guó)人口最多的城市，其都市區(qū)人口超過(guò)900萬(wàn)。

w3-metro-暗紅色

  嘗試一下 ?



以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)