@sabanovvv

Как сверстать такой border?

Как сверстать такой border?
a0638f0340d542fb8d0bc039d259f5ec.PNG
  • Вопрос задан
  • 2472 просмотра
Пригласить эксперта
Ответы на вопрос 5
black_wolf1894
@black_wolf1894
Junior Front End Developer
Вот, только точные значения задашь в px я так на глаз накидал быстро...
Ответ написан
Комментировать
swipeshot
@swipeshot
Учусь на ошибках.
Посмотрите исходник
Ответ написан
ArtDenis
@ArtDenis
Разработчик сайтов и мобильных приложений
Я бы наверное сделал h1 к примеру, туда бы поместил красный текст-заголовок.
Потом в css сделал бы фон для него белый (так как именно в нужном нам квадрате белый цвет), задал нужную ширину и z-index.
В общем смысл, этот участок border-а накрыть блоком с белым фоном.
Ответ написан
У блока сделал бы бордер слева, справа, снизу, а для верхнего применил псевдоэлементы ::after и ::before, позиционируя их в верхнем левом и правом углу соответственно.

Тимофей Белоусов тоже самое предложил, только он псевдоэлементы к заголовку применил
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы