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

Узнайте, как использовать 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-изображение