ใส่รูป HTML CSS ด้วย background-image

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

ตัวอย่าง ใส่รูป HTML CSS ด้วย background-image

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

<div class="image"></div>

ใส่รูป HTML CSS จากตัวอย่างสร้าง div class="image" ด้วย HTML โดย class image ใน CSS ใช้คำสั่ง background-image: เพื่อกำหนดที่อยู๋ของรูปภาพ และกำหนดความกว้างด้วย width และกำหนดความสูงด้วย height