@AlenaMihailova
Начинающий веб-разработчик

Как убрать часть border, как на макете?

5aa98987df9d6386768407.pngВ макете встретился такой бордер и я не знаю как его сверстать
  • Вопрос задан
  • 11538 просмотров
Решения вопроса 1
Sanches
@Sanches
Вариант с псевдоэлементами:
https://codepen.io/abnmt/pen/yKOzOM

Вариант с linear-gradient:
https://codepen.io/abnmt/pen/KozXmW
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 3
politon
@politon
HTML5,CSS3,JS,PHP,SQL,API,canvas,animation...
Выриант раз
div{position:relative;border:2px solid black;border-bottom:none;}
div:after{}//левая сторона
div:before{}//правая сторона

Вариант 2
div{position:relative;border:2px solid black;border-bottom:none;}
div:after{background:linear-gradient;}
Ответ написан
Комментировать
UnluckySerivelha
@UnluckySerivelha
Ответ написан
Комментировать
buyanoff01
@buyanoff01
HTML CSS JS
тега legend недостаточно будет?
htmlbook.ru/html/legend
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы