Devdit
 

เปลี่ยนสีกรอบรูป HTML ทำยังไง

1.5K

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

 

ตัวอย่าง เปลี่ยนสีกรอบรูป HTML ทำยังไง

<style>
    .border_img {
        border: 3px solid darkcyan;
    }
</style>
<img src="https://www.devdit.com/favicon-16x16.png" class="border_img">

คำอธิบาย

เปลี่ยนสีกรอบรูป HTML จากตัวอย่างแสดงรูปภาพด้วยแท็ก img จากนั้นกำหนดกรอบรูปด้วยคำสั่ง CSS คือ border และเปลี่ยนสีเป็น darkcyan ขนาด 3px แบบ solid ตั้งชื่อว่า class .border_img จากนั้นนำ class ดังกล่าวมาใช้กับแท็ก img ของ HTML

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