Thuộc tính màu nền CSS
Thí dụ
Đặt màu nền cho một trang:
body {background-color: coral;}
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thuộc background-color
tính đặt màu nền của một phần tử.
Nền của một phần tử là tổng kích thước của phần tử, bao gồm phần đệm và đường viền (nhưng không phải lề).
Mẹo: Sử dụng màu nền và màu văn bản để làm cho văn bản dễ đọc.
Giá trị mặc định: | trong suốt |
---|---|
Thừa hưởng: | không |
Hoạt hình: | Đúng. Đọc về hoạt hình |
Phiên bản: | CSS1 |
Cú pháp JavaScript: | đối tượng .style.backgroundColor = "# 00FF00" |
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Property | |||||
---|---|---|---|---|---|
background-color | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Cú pháp CSS
background-color: color|transparent|initial|inherit;
Giá trị tài sản
Value | Description | Play it |
---|---|---|
color | Specifies the background color. Look at CSS Color Values for a complete list of possible color values. | |
transparent | Specifies that the background color should be transparent. This is default | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Các ví dụ khác
Thí dụ
Chỉ định màu nền với giá trị HEX:
body {background-color: #92a8d1;}
Thí dụ
Chỉ định màu nền với giá trị RGB:
body {background-color: rgb(201, 76, 76);}
Thí dụ
Chỉ định màu nền với giá trị RGBA:
body {background-color: rgba(201, 76, 76, 0.3);}
Thí dụ
Chỉ định màu nền với giá trị HSL:
body {background-color: hsl(89, 43%, 51%);}
Thí dụ
Chỉ định màu nền với giá trị HSLA:
body {background-color: hsla(89, 43%, 51%, 0.3);}
Thí dụ
Đặt màu nền cho các phần tử khác nhau:
body {
background-color: #fefbd8;
}
h1 {
background-color: #80ced6;
}
div {
background-color: #d5f4e6;
}
span {
background-color: #f18973;
}
Các trang liên quan
Hướng dẫn CSS: Nền CSS
Tham chiếu DOM HTML: thuộc tính backgroundColor