選單
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

Windows Metro UI 顏色


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

Metro 專注於扁平化設計和現代色彩

淺綠色

HEX: #99b433

綠色

HEX: #00a300

深綠色

HEX: #1e7145

洋紅色

HEX: #ff0097

淺紫色

HEX: #9f07a7

紫色

HEX: #7e3878

深紫色

HEX: #603cba

加深

HEX: #1d1d1d

水鴨色

HEX: #00aba9

淺藍

HEX: #eff4ff

藍色

HEX: #2d89ef

深藍色

HEX: #2b5797

黃色

HEX: #ffc40d

橙子

HEX: #e3a21a

深橙色

HEX: #da532c

紅色

HEX: #ee1111

深紅色

HEX: #b91d47



在 W3.CSS 中使用 Metro 顏色

W3.CSS 是一個用於為 HTML 頁面設定樣式的現代 CSS 框架。

這些示例向您展示瞭如何將 Windows Metro 顏色與 W3.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

示例

<div class="w3-metro-light-green">
  <p>倫敦是英國人口最多的城市,</p>
  大都市區人口超過 900 萬。(維基百科)</p>
</div>

自己動手試試 »  下載 CSS »


×

聯絡銷售

如果您想將 W3Schools 服務用於教育機構、團隊或企業,請傳送電子郵件給我們
sales@w3schools.com

報告錯誤

如果您想報告錯誤,或想提出建議,請傳送電子郵件給我們
help@w3schools.com

W3Schools 經過最佳化,旨在方便學習和培訓。示例可能經過簡化,以提高閱讀和學習體驗。教程、參考資料和示例會不斷審查,以避免錯誤,但我們無法保證所有內容的完全正確性。使用 W3Schools 即表示您已閱讀並接受我們的使用條款Cookie 和隱私政策

版權所有 1999-2024 Refsnes Data。保留所有權利。W3Schools 由 W3.CSS 提供支援