Как сделать чтобы получилась такой background?
background-image: linear-gradient(to right, yellow 33%, white 66%, yellow);
Треугольники можно сделать из рамок другого (псевдо) элемента. Ширина и высота элемента: 0. У всех рамок кроме одно прозрачный цвет. Ну и box-shadow снизу.
а где там бордюр внутри ?
видно что у блока есть фон , цвет типа #fefefe или что то в этом духе