скругление углов для изображения

187

20 августа 2021, 22:10

Сразу к делу,вот скриншот моей верстки:

поместил изображение во внутрь блока углы которого скруглены,но те углы где находится изображение(правый-верх,правый-низ) не скруглены.Изображения добавлено как фон


.rightcol{
    width: 94%;
    background: url("img/main_bg.png") no-repeat center / cover;
}

если бы изображение было в html то применил бы скругление к нему.Как быть?

Answer 1

Либо к блоку в котором находятся .rightcol и .leftcol добавить

overflow: hidden;

Либо в .rightcol добавить следующие свойства

border-top-right-radius: 20px;
border-bottom-right-radius: 20px;

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

onClick запись значения ссылки

Как сделать чтобы при выборе кода, через onclick прокидывалось значение в функцию и записывалось значение в переменную

192

c++

Как написать функцию проверки на существование треугольника? c++

Как написать функцию проверки на существование треугольника? Вот мой код:

361

c++

Как добавить условия для #include?

Я собираюсь подключать файлы за папкой проекта, таким образом #include "/file

240

c++

Хранение данных в памяти компьютера

Есть некий код, который записывает данные в память

315