Devdit
 

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

1.7K

ใส่กรอบรูป 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

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