Màu W3.CSS
Bảng màu mặc định được sử dụng trong W3.CSS được lấy cảm hứng từ Màu sắc thiết kế Vật liệu (các màu được sử dụng trong tiếp thị, biển báo đường và ghi chú dán).
Tô màu các phần tử HTML
Các lớp w3- color và w3-text- color có thể được sử dụng để tô màu bất kỳ phần tử HTML nào:
Hộp đựng:
Luân Đôn là thành phố đông dân nhất ở Vương quốc Anh, với khu vực đô thị hơn 9 triệu dân.
Luân Đôn là thành phố đông dân nhất ở Vương quốc Anh, với khu vực đô thị hơn 9 triệu dân.
Nút:
Chữ:
Biên giới:
Màu đỏ
Màu xanh lá
Màu xanh da trời
Màu vàng
Xám
Đen
Những cái bàn:
Tên | Điểm |
---|---|
Jill Smith | 50 |
Đêm giao thừa Jackson | 94 |
Adam Johnson | 67 |
Thẻ:
Ô tô là một loại phương tiện có động cơ tự động, có bánh xe được sử dụng để vận chuyển. Hầu hết các định nghĩa về thuật ngữ này đều chỉ rõ rằng ô tô được thiết kế để chạy chủ yếu trên đường, có chỗ ngồi cho từ một đến tám người và thường có bốn bánh. (Wikipedia)
Màu nền
Các lớp w3- color đặt màu nền cho bất kỳ phần tử HTML nào:
London
Luân Đôn là thành phố đông dân nhất ở Vương quốc Anh, với khu vực đô thị hơn 9 triệu dân.
London
Luân Đôn là thành phố đông dân nhất ở Vương quốc Anh, với khu vực đô thị hơn 9 triệu dân.
London
Luân Đôn là thành phố đông dân nhất ở Vương quốc Anh, với khu vực đô thị hơn 9 triệu dân.
Ví dụ
<div class="w3-red">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
<div class="w3-yellow">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
<div class="w3-gray">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
Hãy tự mình thử »Màu xám và màu xám có thể hoán đổi cho nhau trong tất cả các lớp W3.CSS.
Màu văn bản
Các lớp w3-text- color đặt màu văn bản của bất kỳ thành phần HTML nào:
London
Luân Đôn là thành phố đông dân nhất ở Vương quốc Anh, với khu vực đô thị hơn 9 triệu dân.
London
Luân Đôn là thành phố đông dân nhất ở Vương quốc Anh, với khu vực đô thị hơn 9 triệu dân.
Ví dụ
<div class="w3-text-red">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
Màu di chuột
Các lớp w3-hover- color xác định màu nền khi di chuột cho bất kỳ phần tử HTML nào:
London
Luân Đôn là thành phố đông dân nhất ở Vương quốc Anh, với khu vực đô thị hơn 9 triệu dân.
Ví dụ
<div class="w3-container w3-orange w3-hover-red">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.</p>
</div>
Hãy tự mình thử »Các lớp w3-hover-text- color xác định màu di chuột của văn bản cho bất kỳ thành phần HTML nào:
London
Luân Đôn là thành phố đông dân nhất ở Vương quốc Anh, với khu vực đô thị hơn 9 triệu dân.
Ví dụ
<div class="w3-container w3-orange w3-hover-text-white">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.</p>
</div>
Hãy tự mình thử »Thư viện màu
Ngoài màu W3.CSS tiêu chuẩn, W3.CSS còn có thể sử dụng màu từ rất nhiều thư viện màu khác nhau:
Màu sắc của Windows:
Nhấp vào đây để tìm hiểu thêm về màu sắc của Windows
Màu sắc thời trang:
Màu vàng
Cây bách tung
hoa mẫu đơn
Hải cảng
Bấm vào đây để tìm hiểu thêm về màu sắc thời trang
Màu sắc đường cao tốc:
Bấm vào đây để tìm hiểu thêm về thư viện màu
Bạn sẽ học được nhiều điều hơn về màu sắc trong các chương sau của hướng dẫn này.