Devdit
 

background-repeat: no-repeat คือคำสั่งอะไร

2.2K

background-repeat: no-repeat คือคำสั่งกำหนดให้รูปภาพไม่แสดงซ้ำ หรือโหลดภาพซ้ำให้เต็มพื้นที่การแสดงผล ใช้ในกรณีพื้นที่การแสดงผลใหญ่กว่ารูปภาพ การกำหนด no-repeat ทำให้แสดงแค่รูปภาพเดียว สามารถเขียนโปรแกรมได้ดังนี้

 

ตัวอย่าง background-repeat: no-repeat คือ

<style>
    body {
        background-image: url('background.jpg');
        background-repeat: no-repeat;
    }
</style>

คำอธิบาย

background-repeat: no-repeat จากตัวอย่างเปลี่ยนภาพพื้นหลังของเว็บไซต์ด้วยคำสั่ง background-image โดยกำหนดที่อยู่ของรูปภาพไว้ในคำสั่ง url จากนั้นกำหนดให้รูปภาพดังกล่าวไม่ต้องแสดงซ้ำ หรือทำซ้ำจนเต็มพื้นหลังของเว็บไซต์ด้วยคำสั่ง background-repeat: no-repeat

แก้ไข 2 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ