Thuộc tính background
Định nghĩa và sử dụng Thuộc tính background được dùng để định dạng nền (background) cho thành phần. Cấu trúc tag { Thuộc tính: giá trị; } Với thuộc tính và giá trị như sau: Thuộc tính giá trị Mô tả background-attachment fixed scroll Xác định thành phần nền được cố định hoặc cuộn so […]
Định nghĩa và sử dụng
Thuộc tính background được dùng để định dạng nền (background) cho thành phần.
Cấu trúc
tag {
Thuộc tính: giá trị;
}
Với thuộc tính và giá trị như sau:
| Thuộc tính | giá trị | Mô tả |
|---|---|---|
| background-attachment | fixed scroll |
Xác định thành phần nền được cố định hoặc cuộn so với trang. Được sử dụng kèm với giá trị background-image |
| background-color | mã màu tên màu Giá trị rgb |
Xác định màu nền cho thành phần. |
| background-image | url(đường dẫn hình) | Xác định hình ảnh nền cho thành phần. |
| background-position | left right top bottom px % |
Xác định vị trí hình ảnh nền cho thành phần. Được sử dụng kèm với giá trị background-image. |
| background-repeat | repeat-x repeat-y repeat no-repeat |
Xác định hình ảnh nền được lặp như thế nào. |
| background | Một hoặc nhiều giá trị của các thuộc tính trên | Có giá trị riêng lẻ hoặc tổng hợp các thuộc tính trên. |
Ví dụ
Html viết:
<html> <head></head> <body> <p>Đây là tag p có sử dụng thuộc tính background.</p> </body> </html>
CSS viết:
p {
background: #ffff00;
}
Hiển thị trình duyệt:
Đây là tag p có sử dụng thuộc tính background.
Trình duyệt hỗ trợ
- Internet Explorer
- Firefox
- Opera
- Google Chrome
- Safari
