background-image CSS คือคำสั่งอะไร

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

ตัวอย่าง background-image CSS คือคำสั่งอะไร

<style>
    #logo {
        background-image: url('https://www.devdit.com/favicon-16x16.png');
        width: 16px;
        height: 16px;
    }
</style>

<div id="logo"></div>

background-image CSS จากตัวอย่างแสดงรูปภาพ logo ชื่อ favicon-16x16.png ด้วยคำสั่ง background-image ร่วมกับ url พร้อมกำหนดขนาด width = 16px และ height = 16px ชื่อ #logo จากนั้นนำไปแสดงผลที่หน้าเว็บไซต์ผ่านแท็ก div กำหนด id="logo"