Avatar rasmlari
CSS yordamida avatar rasmini yaratishni o‘rganing.
Avatar rasmlari qanday yaratiladi
1-qadam) HTML qo‘shing:
Misol
<img src="avatar.png" alt="Avatar" class="avatar">
2-qadam) CSS qo‘shing:
Chiroyli ko‘rinadigan mos height va width belgilang hamda rasm burchaklarini yumaloqlash uchun border-radius xossasidan foydalaning. 50% qiymati rasmni doira shakliga keltiradi:
Misol
.avatar {
vertical-align: middle;
width: 50px;
height: 50px;
border-radius: 50%;
}
O‘zingiz sinab ko‘ring »
Rasmlarga qanday uslub berish haqida ko‘proq bilish uchun CSS rasmlar darsligimizga o‘ting.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!