แบบที่ทำ: ภาพตัวละคร
เรียนรู้ว่าจะใช้ CSS ทำภาพตัวละคร
แบบที่ทำภาพตัวละคร
ขั้นที่ 1 - เพิ่ม HTML:
<img src="avatar.png" alt="Avatar" class="avatar">
ขั้นที่ 2 - เพิ่ม CSS:
ตั้งค่าเพื่อดูดีที่สุด height และ widthและใช้ border-radius คุณสมบัติเพิ่มรอยล้อมทรงกลมให้กับภาพ。50% ทำให้ภาพตัวละครเป็นทรงกลม:
.avatar {
vertical-align: middle;
width: 50px;
height: 50px;
border-radius: 50%;
}
相关页面
教程：CSS 图像
