Как сверстать такой элемент?

Перед тем как задавать вопрос повозился с реализацией, пробовал fieldset>legend, ::before/::after и другие неведомые вещи. Везде сталкиваюсь с тем, что какая-то мелочь не выглядит так как требуется.

4a9ad07822bb441d88fb700a6ca3f12d.png
  • Вопрос задан
  • 1030 просмотров
Решения вопроса 2
In4in
@In4in
°•× JavaScript Developer ^_^ ו°
Я у мамы художник.
19e6e41b796f49a4b242413655968fe4.png

Ну ладно, ладно: https://jsfiddle.net/j9052yja/3/
Ответ написан
Taraflex
@Taraflex
Ищу работу. Контакты в профиле.
https://jsfiddle.net/QW01_01/rjyhqeg4/1/
Норм дизайнеры.
Не понимаю, чего тут отвечающие разнылись.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 4
Руки переставить в нужное место таким дизайнерам )
Либо svg, либо нужно сплошной цвет на бэкграунде.
Ответ написан
Комментировать
@Wheelie
у первого блока :after картинка справа, у второго например :before картинка слева у третьего :after картинка справа.
Текст по центру, картинку позиционированием absolute. Вроде ничего сложного. Картинка это линяя от одного текста до друого.
Ответ написан
abyrkov
@abyrkov
JavaScripter
Мне одному кажется, что это обычный border?! 1 элемент - верхняя, левая и нижняя видны, средний - верхняя, правая, нижняя, нижняя - аналогично верхней. Если хорошо элементы проставить - вообще незаметно, что это border.
Ответ написан
@astrodeep
Джипегом))А вообще руки оторвать дизайнеру
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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