CSS ภาพพื้นหลัง แบบทําซ้ำๆ ด้วยคำสั่ง background-repeat

สอนเขียนภาษา CSS แสดงภาพพื้นหลัง แบบทําซ้ำๆ ด้วยคำสั่ง background-repeat โดยคำสั่ง background-repeat จะทำให้รูปภาพแสดงซ้ำ กรณีที่รูปภาพมีขนาดเล็กกว่าพื้นหลัง ซึ่งจะทำให้รูปภาพแสดงเต็มพื้นหลังแบบทำซ้ำๆ สามารถเขียนคำสั่งได้ดังนี้

ตัวอย่าง CSS ภาพพื้นหลัง แบบทําซ้ำๆ ด้วยคำสั่ง background-repeat

<style>
    body {
        background-image: url('https://www.devdit.com/favicon-16x16.png');
        background-repeat: repeat;
    }
</style>

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