วิธีใส่รูป CSS ใส่รูปด้วย style

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

ตัวอย่าง วิธีใส่รูป CSS ใส่รูปด้วย style

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

<div id="image"></div>

วิธีใส่รูป CSS จากตัวอย่างกำหนด url ของรูปภาพด้วยคำสั่ง background-image กำหนดขนาดเป็น 16x16px ที่ #image จากนั้นนำ #image มาแสดงที่หน้าเว็บไซต์ผ่านแท็ก div ด้วยการกำหนด id="image"