Как сверстать такие табы?

Question

[GreenMan1899]

Comments

[Andrew]

и в чем проблема?
Кривой прозрачный бордер, бэкграунд серый, ховер - чуть темнее и активный оранжевый.

[Максим Тимофеев]

+1 к Andrew Напишите в чем именно сложность у Вас. Это стандартные табы, не понятно что вызвало сложность.
Но думаю тут к варианту Andrew надо добавить псевдоэлементы, что бы реализовать скругление у ссылки, а перед ней иметь элемент с кривым прозрачным бордюром

[GreenMan1899]

Andrew, Максим Тимофеев, здесь не подойдет обычный border-radius. Здесь бока под углом идут.

[GreenMan1899]

а все дошло

Answer 1

[Pavlo Marchenko]

через псевдоэлементы :before и :after

Comments

[GreenMan1899]

и что в них будет?

[GreenMan1899]

а все дошло