CSS Background

CSS Background

  8:06 AM    Người

---

Background-color:

Background-color xác định màu nền cho thành phần.
Ví dụ:

Đoạn văn bản sử dụng CSS Background-color

Heading 3 sử dụng CSS Background-color

Background-image:

Sử dụng một image làm background cho thành phần, giá trị background-image được xác định bằng url(link).
Ví dụ:

Đoạn văn bản sử dụng CSS background-image

Thuộc tính background-repeat

Đoạn văn bản sửa dụng background-image lặp lại theo hàng ngang:

Đoạn văn bản
sử dụng background-repeat: repeat-x
trong trường hợp này sẽ lặp lại
theo hàng ngang

Đoạn văn bản sửa dụng background-image lặp lại theo hàng dọc:

Đoạn văn bản
sử dụng
background-repeat: repeat-y
trong
trường
hợp
này
sẽ
lặp
lại
theo
hàng
dọc

Đoạn văn bản sử dụng background-image lặp lại đều cả background:

Đoạn văn bản
sử dụng
background-repeat: repeat
trong
trường
hợp
này
sẽ
lặp
lại
đều

Đoạn văn bản sử dụng background-image không lặp lại:

Đoạn văn bản
sử dụng
background-repeat: no-repeat
trong
trường
hợp
này
sẽ
không
lặp
lại

Thuộc tính background-posittion: xác định vị trí của ảnh làm background

Ví dụ:

Đoạn văn bản
sử dụng
background-position: leff center trong trường hợp này image sẽ canh lề trái
và nằm giữa đoạn văn bản