Как сверстать дуги?

Question

[pet1987]

Как можно на CSS сверстать такие дуги?
Или может можно в SVG отрисовать?

Comments

[WapSter]

На css овал перекрывать блоком с белым фоном, но лучше в svg

[dicem]

А для чего тебе вобще эти дуги? Вопрос к тому, что почему бы canvas не использовать?

Answer 1

[fsociety_one]

Создать блок, с разными размерами (Допустим 100px на 50px);
Сделать border-radius: 50%;
Сделать border;
Создать :before элемент с белым фоном;
position: absolute, и подстраиваешь как нужно;