วิธีการ - รูปภาพโค้งมน
เรียนรู้วิธีสร้างภาพทรงกลมและวงกลมด้วย CSS
วิธีการสร้างภาพที่โค้งมน
ขั้นตอนที่ 1) เพิ่ม HTML:
ตัวอย่าง
<img src="img_avatar.png" alt="Avatar">
ขั้นตอนที่ 2) เพิ่ม CSS:
ใช้border-radius
คุณสมบัติเพื่อเพิ่มมุมโค้งมนให้กับรูปภาพ 50% จะทำให้ภาพเป็นวงกลม:
ตัวอย่าง
img {
border-radius: 50%;
}
ไปที่ บทช่วย สอนรูปภาพ CSSเพื่อเรียนรู้เพิ่มเติมเกี่ยวกับวิธีการจัดรูปแบบรูปภาพ