Как правильно сверстать такую навигацию?

Question

[booogabooo]

Есть такое меню:


Как сверстать кнопки? (они посветлее)
В чем суть проблемы: создал изображение (примерно 60х38) и с помощью
background-size: cover;
пытаюсь его растянуть, но получается очень плохо (уродски, особенно в тех местах, где пункт меню длинный).
Как правильно сверстать такую кнопку?

Answer 1

[ModestesGonze]

Можно все на чистом CSS сделать.
Или же, вырезаете у кнопки полосу шириной 1px по вертикали во всю её высоту, через repat размножаете по горизонтали. Левую и правую сторону кнопки, тоже вырезаете, шириной примерно 2-3px или чуть больше если с тенью хотите, далее через псевдоэлементы :before и :after вставляете и позиционируете как нужно.

Comments

[booogabooo]

Спасибо. Не додумался)