W3.CSS Color (顏色類)

2020-11-09 13:58 更新

W3.CSS 默認顏色

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

材料設計的顏色反映了在市場營銷、路標和便利貼中使用的顏色。

實例

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

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

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

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

Flat UI

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


實例

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

嘗試一下 ?


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

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

Windows Metro UI

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

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

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

實例

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

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

Windows 8

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

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

實例

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

嘗試一下 ?

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


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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號