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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

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

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


HTML:

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


CSS:

1
2
3
4
.round{
    border-radius: 300px;
    border: 10px solid green;
}


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

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

@cristina.schaefer 

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

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


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

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


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