Как сделать зубчатую линию на сайте?

Question

[Sirius 077]

Есть макет
Вопрос: Как сделать зубчатую линию в css как в макете?

Comments

[Froggyweb]

png svg reapeat: rrepeat-x
htmlbook.ru/css/background-repeat

Answer 1

[dmalapsh]

Ну вообще можно сделать большое количество div, задать обводку, установить display - inline, повернуть их все на 45 градусов, вложить в другой блок установить ему overflow - hidden, и задать высоту так чтобы половина дивов была скрыта. Это об извращениях. А по человечески, нужно вырезать одни элемент этой полоски, сохранить в png. Поставить как фоновый элемент блока. И запретить повторение по вертикали(repeatY: no-repeat), соответственно повторение по горизонтали останется, и этот кусок линии будет повторятся до тех пор пока не закончится ширина бока.

Comments

[Sirius 077]

Спасибо за ответ но я сделал так как отвечено постом выше но этот вариант тоже учту).

Answer 2

[bini1988]

Можно через background-image заинлайнить svg паттерн, который затем размножить через background-repeat