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

5ec01f11235dd106626958.png
Как можно сверстать такой border?
  • Вопрос задан
  • 2171 просмотр
Решения вопроса 2
Kurokq
@Kurokq
Если б море было лином – я бы стал Comethazin'ом

например вот-так
Ответ написан
LenovoId
@LenovoId
I want, women not to get sick
Поясню
Есть родительский элемент
Есть два внутренних элемента

У родителя нету нижнего border'а его мы формируем за счёт псевдоэлемента - если бордер 4px то и высота after тоже 4px

Ответ написан
Пригласить эксперта
Ответы на вопрос 2
profesor08
@profesor08 Куратор тега CSS
Порежь чувака. И расположи половинки как нужно, используй z-index чтоб перекрыть верхний бордер.
Ответ написан
edwin_edwin
@edwin_edwin
Вижу 2 варианта:
1. Вырезать в фотошопе голову и задать ей z-index больше, чем у border.
2. Если мужик на отдельном слое, то сделать верхнюю линию и оставшуюся часть разными элементами и для верхней линии задать z-index меньше, чем z-index мужика
Ответ написан
Ваш ответ на вопрос

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

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