W3.CSS 颜色生成器
创建于 2024-12-03 /
20
字体：
[默认]
[大]
[更大]
使用此颜色生成器，您可以创建自己的私人主题。
在下面的黄色框中输入颜色或从年度颜色中选择一种颜色。
W3.CSS Themes 实例
五渔村
五渔村（五地）是意大利里维埃拉的一部分。海岸线有五个村庄:蒙特罗索、韦尔纳扎、科尔尼利亚、马纳罗拉和里奥马焦雷，是联合国教科文组织世界遗产。
蒙特罗索
Monterosso al Mare 位于拉斯佩齐亚里维埃拉的一个小型天然海湾的中心，受到小型人工礁石的保护。 它是五渔村最北端的村庄。
韦尔纳扎
韦尔纳扎是五渔村地区五个城镇中的另一个。韦尔纳扎是向北走的第四个城镇。 它没有汽车通行，是意大利里维埃拉最真实的"渔村"之一。
HTML 教程CSS 教程
JavaScript 教程
W3.CSS 教程
引导教程
HTML 参考
CSS 参考
JavaScript 参考
W3.CSS 参考
浏览器统计
HTML 示例
CSS 示例
JavaScript 示例
W3.CSS 示例
HTML DOM 示例
Footer
创建主题
Theme In Use:
12:30Movies
Frozen
The response to the animations was ridiculous.
Star Wars
People were excited for the new Star Wars movie.
The Avengers
A huge success for Marvel and Disney.
W3Schools 2016
«»生成的 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>
0 人点赞过
