วิธีใส่กรอบให้รูปภาพ HTML ด้วยคำสั่ง border

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

ตัวอย่าง วิธีใส่กรอบให้รูปภาพ HTML ด้วยคำสั่ง border

<style>
    .border {
        border: solid 4px aquamarine;
    }
</style>

<img src="devdit.com/chmod/post/images/100625651028.jpg" class="border">

วิธีใส่กรอบให้รูปภาพ HTML จากตัวอย่างโค้ดสร้าง class ชื่อ .border ใน CSS สร้างกรอบให้รูปภาพ HTML ด้วยคำสั่ง border: solid 4px aquamarine หมายความว่า กำหนดกรอบเป็นเส้นทึบแข็ง (solid) ขนาด 4px สี aquamarine และนำ class .border ไปใช้งานกับแท็ก img เป็นวิธีใส่กรอบให้รูปภาพ HTML ด้วยคำสั่ง border