Hướng dẫn CSS này giải thích cách sử dụng thuộc tính CSS được gọi là màu với cú pháp và ví dụ.color with syntax and examples.
Sự mô tả
Thuộc tính màu CSS xác định màu nền trước của nội dung văn bản cho một phần tử.
Cú pháp
Cú pháp cho thuộc tính CSS màu là:
color: value;
Tham số hoặc đối số
giá trịMàu tiền cảnh của nội dung văn bản của yếu tố. Nó có thể là một trong những điều sau đây:
Thuộc tính màu CSS xác định màu nền trước của nội dung văn bản cho một phần tử. | Cú pháp p { color: #FF0000; } |
Cú pháp cho thuộc tính CSS màu là: | Tham số hoặc đối số p { color: rgb[255,0,0]; } |
giá trị | Màu tiền cảnh của nội dung văn bản của yếu tố. Nó có thể là một trong những điều sau đây: p { color: red; } |
Giá trị | #Rrggbb p { color: inherit; } |
Biểu diễn thập lục phân của màu p {màu: #ff0000; }
- RGB []
- Biểu diễn RGB của màu p {màu: RGB [255,0,0]; }
- Tên
- Tên của màu [tức là: đỏ, xanh, đen, trắng] p {màu: màu đỏ; }
- thừa kế
Phần tử sẽ kế thừa màu từ phần tử mẹ của nó p {color: kế thừa; }
Ghi chú
- Giá trị trong thuộc tính màu CSS có thể được biểu thị dưới dạng giá trị thập lục phân, giá trị RGB hoặc là màu được đặt tên.
- Các giá trị màu có thể được thể hiện bằng các giá trị thập lục phân như #FFFFFF, #000000 và #FF0000.
- Các giá trị màu có thể được biểu thị bằng cách sử dụng RGB như RGB [255,255,255], RGB [0,0,0] và RGB [255,0,0].
- Giá trị màu có thể được thể hiện dưới dạng các màu được đặt tên như trắng, đen và đỏ.
- Cần chuyển đổi giá trị màu của bạn thành một đại diện khác? Hãy thử công cụ trực tuyến này để chuyển đổi giá trị màu của bạn giữa thập lục phân và RGB.
- tính tương thích của trình duyệt web
- Thuộc tính màu CSS có hỗ trợ cơ bản với các trình duyệt sau:
- Trình duyệt Chrome
- Android
- Firefox [Gecko]
Firefox Mobile [Gecko]
Internet Explorer [IE]
Tức là điện thoại
Opera
p { color: #000000; }
Opera Mobile
Safari [Webkit]
Safari Mobile
p { color: rgb[0,0,0]; }
Thí dụ
Chúng tôi sẽ thảo luận về thuộc tính màu dưới đây, khám phá các ví dụ về cách sử dụng thuộc tính này trong CSS.
Sử dụng thập lục phân
p { color: black; }
Hãy xem xét một ví dụ màu CSS nơi chúng tôi đã cung cấp giá trị thập lục phân cho màu.
Trong ví dụ màu CSS này, chúng tôi đã cung cấp giá trị thập lục phân là #000000 sẽ hiển thị văn bản cho thẻ màu đen.
Sử dụng RGB
Chúng ta hãy xem một ví dụ màu CSS nơi chúng ta đã cung cấp giá trị dưới dạng màu được đặt tên. | Trong ví dụ màu CSS này, chúng tôi đã cung cấp tên "Đen" cũng sẽ đặt màu nền trước của văn bản thành màu đen. | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Chúng ta hãy xem một ví dụ màu CSS nơi chúng ta đã cung cấp giá trị dưới dạng màu được đặt tên. | Trong ví dụ màu CSS này, chúng tôi đã cung cấp tên "Đen" cũng sẽ đặt màu nền trước của văn bản thành màu đen. | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Dưới đây là danh sách các tên màu để chọn: | Tên màu | Tên màu |
Mediumpurple | #9370D8 | & nbsp; |
Trung bình | #3CB371 | & nbsp; |
Trung bình | #3CB371 | & nbsp; |
Trung bình | #3CB371 | & nbsp; |
Trung bình | #3CB371 | & nbsp; |
Trung bình | #3CB371 | & nbsp; |
Trung bình | #3CB371 | & nbsp; |
Trung bình | #3CB371 | & nbsp; |
MediumSlateblue | #7b68ee | & nbsp; |
Mediumspringgreen | #00FA9A | & nbsp; |
MediumTurquoise | #48d1cc | & nbsp; |
Mediumvioletred | #C71585 | & nbsp; |
màu xanh nửa đêm | #191970 | & nbsp; |
Mintcream | #F5fffa | & nbsp; |
Mistyrose | #Ffe4e1 | & nbsp; |
Gianh cao | #Ffe4b5 | & nbsp; |
Navajowhite | #Ffdead | & nbsp; |
Hải quân | #000080 | & nbsp; |
Oldlace | #Fdf5e6 | & nbsp; |
Ôliu | #808000 | & nbsp; |
Màu xám ô liu | #6b8e23 | & nbsp; |
trái cam | #FFA500 | & nbsp; |
cam | #FF4500 | & nbsp; |
Hoa lan | #DA70D6 | & nbsp; |
Palegoldenrod | #EEE8AA | & nbsp; |
Palegreen | #98FB98 | & nbsp; |
Paleturquoise | #Afeeee | & nbsp; |
nhợt nhạt | #D87093 | & nbsp; |
đu đủ | #FFEFD5 | & nbsp; |
Peachpuff | #Ffdab9 | & nbsp; |
Peru | #CD853F | & nbsp; |
Hồng | #Ffc0cb | & nbsp; |
mận | #DDA0DD | & nbsp; |
Powderblue | #B0E0E6 | & nbsp; |
màu đỏ tía | #800080 | & nbsp; |
màu đỏ | #FF0000 | & nbsp; |
Rosybrown | #BC8F8F | & nbsp; |
xanh đậm | #4169e1 | & nbsp; |
Yên xe màu nâu | #8B4513 | & nbsp; |
Cá hồi | #FA8072 | & nbsp; |
Sandybrown | #F4A460 | & nbsp; |
Biển | #2E8B57 | & nbsp; |
vỏ sò | #2E8B57 | & nbsp; |
vỏ sò | #Fff5ee | & nbsp; |
Sienna | #A0522D | & nbsp; |
màu bạc | #C0C0C0 | & nbsp; |
trời xanh | #87Ceeb | & nbsp; |
màu xanh đá phiến | #6a5acd | & nbsp; |
phiến đá xám | #708090 | & nbsp; |
Slategrey | tuyết | & nbsp; |
#Fffafa | Xuân xanh | & nbsp; |
#00ff7f | màu xanh thép | & nbsp; |
#4682b4 | làn da rám nắng | & nbsp; |
#D2B48C | teal | & nbsp; |
#008080 | Thánh địa | & nbsp; |
#D8BFD8 | cà chua | & nbsp; |
#FF6347 | màu ngọc lam | & nbsp; |
#40e0d0
Thuộc tính cơ bản của CSS..
Thuộc tính văn bản ..
Danh sách thuộc tính ..
Thuộc tính biên giới ..
Thuộc tính phông chữ ..
Các thuộc tính của màu sắc là gì?
Mỗi màu có thể được mô tả về mặt có ba thuộc tính chính: màu sắc, độ bão hòa và độ sáng.hue, saturation and brightness.
Ví dụ thuộc tính CSS là gì?
Thuộc tính CSS gán một kiểu hoặc hành vi cho phần tử HTML.Các ví dụ bao gồm: màu sắc, đường viền, lề, kiểu phông chữ và biến đổi.color, border, margin, font-style, and transform.
Việc sử dụng thuộc tính màu là gì?
Thuộc tính màu trong CSS được sử dụng để đặt màu thành văn bản, nền của trang web và cũng để đặt màu của đường viền.to set the color to text, the background of the webpage, and also to set the color of borders.