Изображение аватарки

  alexei 10/12/2021 - 10:00

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


Avatar  Avatar  Avatar  Avatar  Avatar

Как сделать изображение аватарки

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


<img src="avatar.png" alt="Avatar" class="avatar">

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

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


.avatar {
  vertical-align: middle;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}