Devdit
 

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

1K

วิธีใส่รูป 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"

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