ใส่กรอบรูป CSS ใส่กรอบให้รูปภาพ HTML

ใส่กรอบรูป CSS ใส่กรอบให้รูปภาพ HTML บทความนี้สอนใช้คำสั่ง border ของ CSS เพื่อกำหนด หรือใส่กรอบรูปภาพของแท็ก img ภาษา HTML โดยคำสั่ง border รองรับการใส่ขนาด สี และชนิดของกรอบ สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง ใส่กรอบรูป CSS ใส่กรอบให้รูปภาพ HTML

<style>
    .picture {
        border: solid 1px green;
    }
</style>

<img src="https://www.devdit.com/favicon-16x16.png" class="picture">

ใส่กรอบรูป CSS จากตัวอย่างใช้คำสั่ง border ชนิด solid ขนาดความหนาของเส้น 1px สีเขียว (green) กำหนดคำสั่งไว้ใน class .picture จากนั้นนำ class ดังกล่าวไปใช้งานกับแท็ก img เพื่อใส่กรอบรูป CSS