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