Các thuộc tính background trong css

Các thuộc tính background cho CSS gồm có:

• background-color : Đặt thuộc tính màu nền
• background-image : Dùng ảnh làm màu nền cho một element
• background-position : Ví trí của ảnh
• background-repeat : Tùy chỉnh ảnh nền có lặp hay không, lặp kiểu nào...
• background-attachment : Đặt chế đố ảnh nền scroll theo trang hoặc là ở vị trí cố định

Các ví dụ cụ thể

• background-color:#f7f8f9

#f7f8f9 ở đây là mã màu. Lấy mã màu bạn thích bằng ColorZilla. 

• background-image : url(link ảnh.jpg)
• background-position : 10px 20px 

10px 20px : Đây là vị trí lấy ảnh theo thứ tự từ trên xuống từ trái qua; top left:lấy từ trên xuống; từ trái qua

• background-repeat : repeat-x

repeat-x: ảnh được lặp lại theo trục Ox, repeat-y:ảnh được lặp lại theo trục Oy; no-repeat : ảnh không được lặp; repeat: lặp cả theo Ox và Oy

• background-attachment :fixed

fixed : dùng để cố định ảnh khi cuộn chuột; scroll: để ảnh chạy theo khi cuộn.

Code ngắn gọn:

Ví dụ:

body{background:#f7f8f9 url(link ảnh.jpg) top left fixed;}