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

آموزش نحوه استفاده از CSS برای ایجاد تصویر گوشه‌های گرد.

آواتار آواتار

چگونه تصویر گوشه‌های گرد ایجاد کنیم

مرحله اول - اضافه کردن HTML:

<img src="img_avatar.png" alt="Avatar">

مرحله دوم - اضافه کردن CSS:

استفاده از border-radius این ویژگی به تصاویر گوشه‌های گرد اضافه می‌کند. 50% باعث می‌شود تصویر به شکل گرد درآید:

img {
  radius: 50%;
}

آزمایش کنید

صفحات مرتبط

آموزش‌ها:تصویر CSS