Devdit
 

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

1.3K

ใส่กรอบรูป 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 เพื่อใส่กรอบรูปภาพ

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