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