Как сделать - Изображение аватар
Узнать, как создать изображение аватара с помощью CSS.
Изображение аватар
Создать изображение аватар
Шаг 1) Добавить HTML:
Пример
<img src="avatar.png" alt="Аватар" class="avatar">
Шаг 2) Добавить CSS:
Установите соответствие height и width это выглядит хорошо, и используйте свойство border-radius добавление закругленных углов к изображению. 50% сделает изображение круглым:
Пример
.avatar {
vertical-align: middle;
width: 50px;
height: 50px;
border-radius: 50%;
}
Редактор кода »
Зайдите на наш учебник CSS Изображения, чтобы узнать больше о том, как стилизовать изображения.
