Этот вопрос закрыт для ответов, так как повторяет вопрос Как сделать такую рамочку через before или after?
@Alisa71

Есть блок с фото и бордером как добавить с помощью after и before такие закругление угли?

Есть блок с фото и бордером добавленным с помощью before
60d45e9edc326515884888.png

вот код

.test{
width:500px;
height:400px;
border-left:15px solid red;
border-right: 15px solid red;
position:relative;
border-radius: 4px;

}
.test:before{
position:absolute;
display:inline-block;
width:90%;
height:16px;
top:0;
left:0;
content:'';
background-color: red;
}

Как сделать такие закругление угли как на фото? Подскажите пожалуйста
60d45f1ca1561410084976.png
  • Вопрос задан
  • 100 просмотров
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
На выбор, с псевдо и абсолютом или без него.
https://jsfiddle.net/rchpmf0y/
https://jsfiddle.net/ude1w987/

А ещё лучше гридами: https://jsfiddle.net/4smtphxz/
Ответ написан
Ответы на вопрос 1
Neobezatelno
@Neobezatelno
Дюшес
отправь полностью картинку как должно быть
Ответ написан
Ваш ответ на вопрос

Вопрос закрыт для ответов и комментариев

Потому что уже есть похожий вопрос.
Похожие вопросы