Hình ảnh nền CSS

Hình ảnh nền CSS

background-image Thuộc tính xác định ảnh được sử dụng làm ảnh nền của yếu tố.

Mặc định, ảnh sẽ lặp lại để che phủ toàn bộ yếu tố.

Ví dụ

Ảnh nền của trang có thể được thiết lập như sau:

body {
  background-image: url("paper.gif");
}

Thử ngay

Ví dụ

Ví dụ này hiển thị văn bản và ảnh nềnKết hợp sai.Văn bản khó đọc:

body {
  background-image: url("bgdesert.jpg");
}

Thử ngay

Lưu ý:Khi sử dụng ảnh nền, hãy sử dụng những ảnh không làm gián đoạn văn bản.

Bạn có thể đặt ảnh nền cho yếu tố cụ thể, ví dụ như yếu tố <p>:

Ví dụ

p {
  background-image: url("paper.gif");
}

Thử ngay