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