Thí dụ
Đặt màu nền cho một tài liệu:
document.body.style.backgroundColor = "màu đỏ";
Hãy tự mình thử »
Thêm ví dụ "hãy thử nó" dưới đây.
Định nghĩa và cách sử dụng
Thuộc tính BackgroundColor đặt hoặc trả về màu nền của một phần tử.
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.
màu nền | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Cú pháp
Trả lại thuộc tính BackgroundColor:
object.style.backgroundColor
Đặt thuộc tính BackgroundColor:
object.style.backgroundColor = "màu | trong suốt | ban đầu | kế thừa"
Giá trị tài sản
màu sắc | Chỉ định màu nền. Nhìn vào các giá trị màu CSS để biết danh sách đầy đủ các giá trị màu có thể |
trong suốt | Mặc định. Màu nền trong suốt [nội dung cơ bản sẽ tỏa sáng] |
ban đầu | Đặt thuộc tính này thành giá trị mặc định của nó. Đọc về ban đầu |
thừa kế | Kế thừa thuộc tính này từ phần tử cha của nó. Đọc về kế thừa |
Chi tiết kỹ thuật
trong suốt |
ban đầu |
thừa kế |
Kế thừa thuộc tính này từ phần tử cha của nó. Đọc về kế thừa
Thí dụ
Chi tiết kỹ thuật
Giá trị mặc định:
Hãy tự mình thử »
Thí dụ
Thêm ví dụ "hãy thử nó" dưới đây.
Định nghĩa và cách sử dụng
Hãy tự mình thử »
Thí dụ
Thêm ví dụ "hãy thử nó" dưới đây.
Định nghĩa và cách sử dụng
Hãy tự mình thử »
Thêm ví dụ "hãy thử nó" dưới đây.
Định nghĩa và cách sử dụng
Thuộc tính BackgroundColor đặt hoặc trả về màu nền của một phần tử.
Hỗ trợ trình duyệt
Nhiều ví dụ hơn
Thí dụ
Chỉ định màu nền bằng giá trị hex:
cơ thể {màu nền: #92a8d1;}
Hãy tự mình thử »
Chỉ định màu nền với giá trị RGB:
Body {màu nền: RGB [201, 76, 76];}
Chỉ định màu nền với giá trị RGBA:
Mẹo: Sử dụng màu nền và màu văn bản giúp văn bản dễ đọc. Use a background color and a text color that makes the text easy to read.
Đưa ra bản chạy thử ❯
trong suốt |
không |
Vâng. Đọc về hoạt hình, hãy thử nó |
CSS1 |
object.style.backgroundColor = "#00FF00" Hãy thử nó |
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.
màu nền | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS Cú pháp
màu nền: màu sắc | trong suốt | ban đầu | kế thừa;
Giá trị tài sản
màu sắc | Chỉ định màu nền. Nhìn vào các giá trị màu CSS để biết danh sách đầy đủ các giá trị màu có thể. | Thử nghiệm ❯ |
trong suốt | không | Thử nghiệm ❯ |
Chỉ định rằng màu nền phải trong suốt. Đây là mặc định | ban đầu | |
Đặt thuộc tính này thành giá trị mặc định của nó. Đọc về ban đầu | thừa kế |
Kế thừa thuộc tính này từ phần tử cha của nó. Đọc về kế thừa
Nhiều ví dụ hơn
Thí dụ
Chỉ định màu nền bằng giá trị hex:
Hãy tự mình thử »
Thí dụ
Chỉ định màu nền với giá trị RGB:
Body {màu nền: RGB [201, 76, 76];}
Hãy tự mình thử »
Thí dụ
Chỉ định màu nền với giá trị RGB:
Body {màu nền: RGB [201, 76, 76];}
Hãy tự mình thử »
Thí dụ
Chỉ định màu nền với giá trị RGB:
Body {màu nền: RGB [201, 76, 76];}
Hãy tự mình thử »
Thí dụ
Chỉ định màu nền với giá trị RGB:
Body {màu nền: RGB [201, 76, 76];}
Hãy tự mình thử »
Thí dụ
Chỉ định màu nền với giá trị RGB:
Body {màu nền: RGB [201, 76, 76];}
background-color: #fefbd8;
}
Chỉ định màu nền với giá trị RGBA:
background-color: #80ced6;
}
Body {màu nền: RGBA [201, 76, 76, 0.3];}
background-color: #d5f4e6;
}
Chỉ định màu nền với giá trị HSL:
background-color: #f18973;
}
Hãy tự mình thử »
Body {màu nền: HSL [89, 43%, 51%];}
Chỉ định màu nền với giá trị HSLA:
Body {màu nền: HSLA [89, 43%, 51%, 0,3];}