چگونه ایجاد می‌کنیم: عکس پروفایل
- صفحه قبل تصویر گرد
- صفحه بعدی تصاویر پاسخگو
آموزش اینکه چگونه با استفاده از CSS عکس پروفایل ایجاد کنید.
چگونه عکس پروفایل ایجاد می‌کنیم
مرحله اول - اضافه کردن HTML:
<img src="avatar.png" alt="Avatar" class="avatar">
مرحله دوم - اضافه کردن CSS:
تنظیمات هماهنگی خوبی ایجاد می‌کنه height و width، و از border-radius ویژگی‌ای که به عکس لبه‌های گرد اضافه می‌کنه.50% عکس کوچک رو دایره‌ای می‌کنه:
.avatar {
vertical-align: middle;
width: 50px;
height: 50px;
border-radius: 50%;
}
صفحات مرتبط
آموزش:تصویر CSS
- صفحه قبل تصویر گرد
- صفحه بعدی تصاویر پاسخگو
