選單
×
   ❮     
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
     ❯   

W3.CSS 顏色生成器


使用此顏色生成器,您可以建立自己的私有主題。

在下面的黃色框中輸入顏色,或從年度色中選擇顏色。

 

W3.CSS 主題示例

五漁村

五漁村 (Cinque Terre) 是義大利裡維埃拉的一部分。擁有五個村莊的海岸線:蒙特羅索、韋爾納扎、科爾尼利亞、馬納羅拉和里奧馬焦雷,是聯合國教科文組織世界遺產。

Monterosso

蒙特羅索阿爾馬雷位於一個小型天然海灣的中心,由一個小人工礁保護,位於拉斯佩齊亞里維埃拉。它是五漁村中最北端的村莊。

Vernazza

韋爾納扎是五漁村地區的另一個城鎮。韋爾納扎是北行的第四個城鎮。它沒有汽車交通,是義大利裡維埃拉最純粹的“漁村”之一。


已建立主題

正在使用的主題

12:30

電影

+
avatar

冰雪奇緣

動畫的反應是可笑的。


星球大戰

人們對新的星球大戰電影感到興奮。


avatar

復仇者聯盟

漫威和迪士尼取得了巨大的成功。

«»


生成的 CSS


私有主題

使用 W3.CSS,可以輕鬆地自定義應用程式的私有顏色主題。

您可以透過 <link> 標籤連結到私有主題,或者將私有主題放在 <style> 標籤中。

示例

<style>

.w3-theme {color:#fff !important;background-color:#3f51b5 !important}
.w3-theme-light {color:#000 !important;background-color:#e8eaf6 !important}
.w3-theme-dark {color:#fff !important;background-color:#1a237e !important}

.w3-theme-l5 {color:#000 !important;background-color:#e8eaf6 !important}
.w3-theme-l4 {color:#000 !important;background-color:#c5cae9 !important}
.w3-theme-l3 {color:#000 !important;background-color:#9fa8da !important}
.w3-theme-l2 {color:#fff !important;background-color:#7986cb !important}
.w3-theme-l1 {color:#fff !important;background-color:#5c6bc0 !important}
.w3-theme-d1 {color:#fff !important;background-color:#3949ab !important}
.w3-theme-d2 {color:#fff !important;background-color:#303f9f !important}
.w3-theme-d3 {color:#fff !important;background-color:#283593 !important}
.w3-theme-d4 {color:#fff !important;background-color:#1a237e !important}

.w3-theme-action {color:#fff !important;background-color:#311b92 !important}
.w3-text-theme {color:#1a237e !important}

</style>

自己試試 »


×

聯絡銷售

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

報告錯誤

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

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

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