Как создать: закругленные изображения

Узнайте, как использовать CSS для создания закругленных изображений.

Аватар Аватар

Как создать закругленные изображения

Первый шаг - добавление HTML:

<img src="img_avatar.png" alt="Avatar">

Второй шаг - добавление CSS:

Использование border-radius Свойство добавляет закругленные углы изображению. 50% сделает изображение круглым:

img {
  border-radius: 50%;
}

Попробуйте сами

Соответствующие страницы

Учебник:CSS изображение