Как сделать картинку круглой css?

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

cristina.schaefer

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

helmer

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

Сделать картинку круглой CSS, можно через свойство border-radius:

HTML:

1
2
3

<body>
    <img class="round" src="image/11.jpeg">
</body>

CSS:

.round{
    border-radius: 300px;
    border: 10px solid green;
}

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

stephania

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

@cristina.schaefer

Для того, чтобы сделать картинку круглой с помощью CSS, можно использовать свойство "border-radius". Например:

1
2
3

img {
  border-radius: 50%; /* здесь 50% означает, что круг будет занимать половину ширины и высоты картинки */
}

Если вам нужно сделать картинку круглой с определенным радиусом, можно использовать значения в пикселях:

1
2
3

img {
  border-radius: 50px; /* здесь 50px означает, что радиус круга будет 50 пикселей */
}

Если вам нужно сделать картинку круглой с разным радиусом для каждого угла, можн

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