Để xác định các hiệu ứng liên quan tới background cho các phần tử trong HTML, bạn có thể sử dụng các thuộc tính background trong CSS.
- Thuộc tính background-color: thuộc tính này được sử dụng để thiết lập màu nền của một phần tử.
- Thuộc tính background-image: thuộc tính này được sử dụng để thiết lập hình nền cho một phần tử.
- Thuộc tính background-repeat: thuộc tính này được sử dụng để điều khiển sự lặp đi lặp lại của một hình ảnh nền theo chiều dọc hoặc chiều ngang.
- Thuộc tính background-position: thuộc tính này được sử dụng để điều khiển vị trí của một hình ảnh nền.
- Thuộc tính background-attachment: thuộc tính này được sử dụng để xác định xem có hay không một hình nền là cố định hoặc có thể scroll với phần còn lại của trang.
- Thuộc tính background: sử dụng thuộc tính này nếu bạn muốn viết ít code hơn mà vẫn xác định được tất cả các thuộc tính liên quan tới background ở trên cho hình nền.
Thiết lập màu nền trong CSS
Để thiết lập màu nền trong CSS, bạn sử dụng thuộc tính background-color. Ví dụ sau minh họa cách thiết lập màu nền cho một phần tử trong CSS. Như trong chương trước đã trình bày, để thiết lập giá trị màu trong CSS, bạn có thể sử dụng tên màu, giá trị Hex Code, giá trị Short Hex Code hoặc thuộc tính rgb[].