Cách Sử Dụng Thuộc Tính Background-color Trong CSS ... - Web Cơ Bản
Có thể bạn quan tâm
1) Thuộc tính background-color trong CSS
- Thuộc tính background-color dùng để thiết lập "màu nền" của phần tử HTML.
- Ví dụ:
Phần tử này được thiết lập nền màu vàng- Lưu ý: Đối với một phần tử HTML, phần diện tích được thiết lập màu nền sẽ bao gồm các phần:
- border.
- padding.
- content.
- (không bao gồm phần margin)
2) Cách sử dụng thuộc tính background-color trong CSS
- Để sử dụng thuộc tính background-color, ta dùng cú pháp như sau:
background-color: color|transparent|initial|inherit;- Trong đó, ta thấy giá trị của thuộc tính background-color có thể được xác định bởi một trong bốn loại:
color | - Một giá trị màu cụ thể, nó có thể là:
| Xem ví dụ |
transparent | - Nền của phần tử sẽ có màu trong suốt. - Lưu ý: Nền trong suốt khác với nền màu trắng. Màu nền của phần tử trong suốt sẽ bị ảnh hưởng bởi màu nền của phần tử chứa nó. | Xem ví dụ |
initial | - Sử dụng giá trị mặc định của nó. - Lưu ý: Mặc định thì nền của một phần tử sẽ có màu trong suốt, cho nên nó sẽ có ý nghĩa tương tự như giá trị transparent. | Xem ví dụ |
inherit | - Kế thừa giá trị thuộc tính background-color từ phần tử cha của nó | Xem ví dụ |
- Ngoài ra, thuộc tính background-color cũng thường được dùng để chỉnh màu nền cho văn bản.
Ví dụ: <!DOCTYPE html> <html> <body> <p>Tài liệu <span style="background-color:red">hướng dẫn học</span> Lập Trình Web.</p> </body> </html> Xem ví dụTừ khóa » Bỏ Background Trong Css
-
Tất Tần Tật Về Thuộc Tính Background Trong Css - Viblo
-
Cách Sử Dụng Thuộc Tính Background-image Trong CSS để Thiết Lập ...
-
9 Cách Sử Dụng Background (nền) Trong CSS - Kiến Càng
-
Màu Nền Background-color, Anh Nền Background-image Với CSS
-
Làm Cách Nào để Xóa Hình Nền Trong Css?
-
Thuộc Tính Background | CSS | Học Web Chuẩn
-
Nền Trong CSS
-
Thuộc Tính Background Trong CSS - Quản Trị Máy Tính
-
[Học CSS] Màu Nền Và Ảnh Nền (background) - ThachPham
-
Thuộc Tính Background-image Trong Css
-
Thuộc Tính Background Trong CSS - Quách Quỳnh
-
Thuộc Tính Background Trong CSS (CSS Background)
-
Thiết Lập Hình Nền Trong CSS - Tìm ở đây
-
CSS3: Cách Dùng Background | V1Study
-
Bài 09: Làm Việc Với Nền - Background Trong CSS
-
Hướng Dẫn Và Ví Dụ CSS Backgrounds - Openplanning