@MdaUZH

Как соединить 2 блока в 1 и убрать часть border?

Всем привет, уже были подобные вопросы, но внутри небыло текста, что более проще...

Как сверстать такой блок:
390f9e160b6649c49591f73ff3fdae10.png
?
  • Вопрос задан
  • 1680 просмотров
Решения вопроса 2
BohdanK
@BohdanK
Просто так, бордерами вы не сделаете, либо нужно добавить третий вспомогательный блок (ниже на картинке), либо добавить к блоку, который вверху слева, псевдокласс ::after и с помощью него скрыть границу, то есть зарисовать таким же цветом, как и фон страницы. Но тогда верхний блок должен быть фиксированной высоты.
9e374cac4b0843e6b9da7c7b71ca608d.JPG

Вот такой вариант с псевдоэлементом: https://jsfiddle.net/cchnc6t7/
Ответ написан
Комментировать
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
L0k1
@L0k1
Было более проще, а вы хотите более лучше?...

Покажите как вы делали, и вам подскажут где вы ошибаетесь. Или вы хотите, чтобы кто-то просто за вас что-то сделал?
Ответ написан
Alexey_Suprun
@Alexey_Suprun
Web Developer Blog - ссылка в описании
можете попробовать
border-top, border-bottom, border-right,border-left
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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