หากคุณใช้คุณสมบัติ CSS background-image เพื่อฝังรูปภาพเป็นพื้นหลังบนเว็บไซต์ของคุณ คุณ อาจ สังเกตว่ารูปภาพของคุณถูกทำซ้ำจนเต็มความกว้างและความสูงของหน้าเว็บของคุณ
ที่เกิดขึ้นเพราะโดยค่าเริ่มต้น เบราว์เซอร์มีคุณสมบัติ CSS background-repeat ตั้งค่าเป็น repeat .
หากต้องการหยุดไม่ให้แสดงภาพพื้นหลังซ้ำ ให้แทนที่ค่าเริ่มต้น repeat มีค่าด้วย no-repeat เช่นนี้:
body {
background-image: url("path-to-image.jpg");
background-repeat: no-repeat;
}ตอนนี้ภาพพื้นหลังของคุณจะแสดงเพียงครั้งเดียว!
