Các lớp màu W3.CSS
Màu mặc định của W3.CSS
Lớp màu mặc định được sử dụng trong W3.CSS được lấy cảm hứng từ Material Design.
Màu sắc của Material Design phản ánh màu sắc được sử dụng trong tiếp thị, biển báo đường bộ và ghi chú dán.
Ví dụ
<div class="w3-red">
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
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.
Giao diện người dùng phẳng
Giao diện người dùng phẳng là một lớp màu phổ biến khác có thể được sử dụng trong W3.CSS:
Ví dụ
<div class="w3-flat-turquoise">
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
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.
Bạn có thể đọc thêm về các lớp màu thay thế trong các chương tiếp theo của hướng dẫn này.
Giao diện người dùng Windows Metro
Metro là biệt danh của Ngôn ngữ thiết kế Microsoft (MDL).
Metro tập trung vào kiểu chữ, biểu tượng đơn giản hóa và màu sắc hiện đại.
Ví dụ này cho thấy cách sử dụng màu Windows Metro trong W3.CSS:
Ví dụ
<div class="w3-metro-light-green">
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
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.
Windows 8
Windows 8 là hệ điều hành lớn đầu tiên tập trung vào thiết kế phẳng và màu sắc hiện đại.
Ví dụ này cho thấy cách sử dụng màu Windows 8 trong W3.CSS:
Ví dụ
<div class="w3-win8-lime">
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
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.