css stworzenie wielokrotnych linii

0

Cześć, w załączniku podesłałem obrazek tego co chce wykonać, chodzi o bottom tego boxa gdzie są na przemian ciemniejsza linia- biale tło-ciemniejsza linia-białe tło - ciemniejsza linia.
Wiem że oczywiście można to zrobić po prostu przez powtarzanie obrazka i tyle, jednak zachodzę w głowę jak to zrobić w css, na razie próbowałem box-shadow i pseudo-elementu ::after ale jakąś bardzo kiepsko to wychodziło.
Wie ktoś może jak coś takiego zrobić? Z góry dzięki

1

Ja bym widział to tak
Szare tło na background
Div zawierający cały obrys (border-left:..... border-bottom odpowiednie kolory)
w tym divie na samym dole dalbym kolejnego diva z odpowiednim backgroundem i kolorem dolnego bordera. Do tego oczywiście odpowiedni tunning paddingów i marginów.

Coś w tym stylu... oczywiście wymaga dopicowania kolorków: https://jsfiddle.net/b46s5pvs/12/

1 użytkowników online, w tym zalogowanych: 0, gości: 1