Как сделать - округлые и круглые изображения
Узнайте, как создавать округлые и круглые изображения с помощью CSS.
Создание округленных изображений
Шаг 1) добавить HTML:
Пример
<img src="img_avatar.png" alt="Avatar">
Шаг 2) добавить CSS:
Используйте border-radius
свойство, чтобы добавить скругленные углы к изображению. 50% сделает изображение циркуляр:
Пример
img {
border-radius: 50%;
}
Перейдите на наш CSS Images учебник, чтобы узнать больше о том, как стиль изображений.