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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

A

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

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

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


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<head>
 <style>
        .radius {
            border-radius: 200px;
        }
    </style>
</head>
<body>
    <img src="./image/12.png" class="radius">
</body>

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

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

@sandrine 

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


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

1
2
3
img {
  border-radius: 50%;
}


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


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