W3.CSS Color (顏色類)

2020-11-09 13:58 更新

W3.CSS 默認(rèn)顏色

css 中使用的默認(rèn)顏色類是受材質(zhì)設(shè)計(jì)的啟發(fā)。

材料設(shè)計(jì)的顏色反映了在市場(chǎng)營(yíng)銷、路標(biāo)和便利貼中使用的顏色。

實(shí)例

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

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

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

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

Flat UI

Flat UI 是可以在 W3.CSS 中使用的另一個(gè)流行的顏色類:


實(shí)例

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

嘗試一下 ?


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

你可以在本教程的下一章閱讀更多關(guān)于替代顏色類的內(nèi)容。

Windows Metro UI

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

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

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

實(shí)例

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

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

Windows 8

Windows 8 是第一個(gè)注重平面設(shè)計(jì)和現(xiàn)代色彩的主流操作系統(tǒng)。

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

實(shí)例

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

嘗試一下 ?

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


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

掃描二維碼

下載編程獅App

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

編程獅公眾號(hào)