Круглые изображения

Здесь вы узнаете, как сделать круглые и скругленные изображения при помощи CSS.

Как сделать круглые изображения

Шаг 1) Добавляем HTML:

Пример


<img src="//msiter.ru/img_avatar.png" alt="Avatar">

Шаг 2) Добавляем CSS:

Используем свойство border-radius, чтобы скруглить края изображения. Значение 50% сделает изображение круглым:

Пример


img {
  border-radius: 50%;
}