Trình tạo màu W3.CSS
Với trình tạo màu này, bạn có thể tạo chủ đề riêng của mình.
Nhập màu vào ô màu vàng bên dưới hoặc chọn màu từ các màu của năm.
Ví dụ về chủ đề W3.CSS
Cinque Terre
Cinque Terre (năm vùng đất) là một phần của Riviera Ý. Đường bờ biển với năm ngôi làng: Monterosso, Vernazza, Corniglia, Manarola và Riomaggiore là Di sản Thế giới được UNESCO công nhận.
Monterosso
Monterosso al Mare nằm ở trung tâm của một vịnh tự nhiên nhỏ, được bảo vệ bởi một rạn san hô nhân tạo nhỏ ở Riviera of La Spezia. Đây là ngôi làng cực bắc của Cinque Terre.
Vernazza
Vernazza là một trong năm thị trấn ở vùng Cinque Terre. Vernazza là thị trấn thứ tư hướng về phía bắc. Nó không có xe cộ qua lại và là một trong những "làng chài" đích thực nhất trên vùng Riviera của Ý.
Đã tạo chủ đề
Chủ đề đang sử dụng:
Phim
Đông cứng
Phản hồi về hình ảnh động thật lố bịch.
Chiến tranh giữa các vì sao
Mọi người rất hào hứng với bộ phim Star Wars mới.
Avengers
Một thành công lớn cho Marvel và Disney.
CSS được tạo:
Chủ đề riêng tư
Với W3.CSS, thật dễ dàng tùy chỉnh ứng dụng với chủ đề màu riêng.
Bạn có thể liên kết đến một chủ đề riêng tư trong thẻ <link> hoặc bạn có thể đặt chủ đề riêng tư vào thẻ <style>:
Ví dụ
<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>