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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от rupert.collins , 3 года назад

@alisa.bahringer  Закруглить края у картинки в CSS можно через border-radius :


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<head>
<style>
        img{
            border-radius: 20px;
        }
    </style>
  </head>
  <body>
      <img src="путь к картинке">
  </body>

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

от johnpaul.blick , 2 года назад

@alisa.bahringer 

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

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


Это закруглит края изображения в окружность. Число 50% указывает, что радиус должен быть равен половине ширины/высоты изображения. Вы также можете указать число в пикселях.