ใส่กรอบรูป CSS ทำยังไง กรอบรูปภาพ img

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

ตัวอย่าง ใส่กรอบรูป CSS ทำยังไง กรอบรูปภาพ img

<style>
    .image {
        border: solid 2px blue;    
    }
</style>

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

ใส่กรอบรูป CSS จากตัวอย่างสร้าง class .image พร้อมสร้างกรอบด้วย border ชนิดเส้นกรอบแบบ solid ขนาด 2px สีฟ้า (blue) จากนั้นนำไปใช้กับรูปภาพที่แท็ก img ของภาษา HTML เพื่อใส่กรอบรูปภาพ