Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

วิธีป้องกันไม่ให้ Background Images ซ้ำด้วย CSS

ใช้ CSS property background-image วางรูปเป็น background อาจสังเกตว่ารูปซ้ำเติมเต็ม width/height ของหน้าเว็บ

เพราะ default เบราว์เซอร์ตั้ง background-repeat เป็น repeat

หยุดการซ้ำ override repeat เป็น no-repeat:

body { background-image: url("path-to-image.jpg"); background-repeat: no-repeat; }

ตอนนี้ background image แสดงแค่ครั้งเดียว!