Как сделать - изображение для аватара
Узнайте, как создать образ аватара с помощью 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 Images учебник, чтобы узнать больше о том, как стиль изображений.