چگونه ایجاد می‌شود: تصویر پروفایل

آموزش نحوه ایجاد تصویر پروفایل با استفاده از 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