码农教程 - 一技在手,衣食无忧! tools

W3.CSS 颜色生成器

❮ 上一节 下一节 ❯

使用此颜色生成器，您可以创建自己的私人主题。

在下面的黄色框中输入颜色或从年份颜色中选择颜色。

 

W3.CSS 主题示例

五渔村

五渔村（五片土地）是意大利里维埃拉的一部分。海岸线上有五个村庄：蒙特罗索、韦尔纳扎、科尔尼利亚、马纳罗拉和里奥马焦雷，被联合国教科文组织列为世界遗产。

蒙特罗索

蒙特罗索阿尔马雷 (Monterosso al Mare) 位于拉斯佩齐亚 (La Spezia) 里维埃拉 (Riviera) 的一个小型天然海湾的中心，受到小型人工礁石的保护。它是五渔村最北端的村庄。

韦尔纳扎

韦尔纳扎是五渔村地区五个城镇中的另一个。韦尔纳扎是向北行驶的第四个城镇。这里没有汽车交通，是意大利里维埃拉最真实的 "fishing villages" 之一。

创建主题

使用中的主题：

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>

亲自试一试»


❮ 上一节 下一节 ❯