0

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

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


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

}

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

1 ответ 1

2

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

overflow: hidden;

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

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

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.