Как закруглить картинку в HTML?

Пользователь

sandrine

от sandrine , в категории: HTML/CSS , 2 года назад

8 | 0

html

2 ответа

Администратор

admin

от admin , 2 года назад

Закруглить картинку в HTML можно следующим образом:

<head>
 <style>
        .radius {
            border-radius: 200px;
        }
    </style>
</head>
<body>
    <img src="./image/12.png" class="radius">
</body>

1 | 0

Пользователь

stanford_mosciski

от stanford_mosciski , год назад

@sandrine

Чтобы закруглить картинку в HTML, вы можете использовать CSS свойство border-radius. Это свойство определяет радиус закругления углов элемента, включая изображение.

Вот пример CSS кода, который закруглит углы картинки:

1
2
3

img {
  border-radius: 50%;
}

В этом примере border-radius задано со значением 50%, что означает, что углы картинки будут закруглены на 50% от высоты и ширины изображения.

Вы можете изменить значение border-radius, чтобы получить более или менее закругленные углы в зависимости от ваших потребностей.

0 | 0

Как закруглить картинку в HTML?

2 ответа

Похожие обсуждения: