Nếu bạn dùng thuộc tính CSS background-image để nhúng ảnh làm background trên website, bạn có thể nhận thấy ảnh bị lặp lại vô hạn để lấp đầy chiều rộng và chiều cao trang web.
Điều đó xảy ra vì mặc định trình duyệt set thuộc tính CSS background-repeat thành repeat.
Để ngăn background images lặp lại, chỉ cần override giá trị mặc định repeat thành no-repeat, như sau:
body { background-image: url("path-to-image.jpg"); background-repeat: no-repeat; }Bây giờ background image chỉ hiển thị một lần!