Пунктирные линии для сайта в формате svg

Вам могут понадобиться красивые пунктирные линии для оформления страниц вашего сайта. При это вам нужны оригинальные или не стандартные линии, чтобы органично вписать их в ваш супер-дизайн. Например, такие как приведены ниже.
Показанные здесь пунктирные линии реализованы с использованием возможностей svg-графики. Они отлично подходят для адаптивных шаблонов. Приведем примеры кодов, с помощью которых был реализован комплект, приведенный выше.
<svg width="100%" height="140"> <path d="M 0 0 h 900" stroke="purple" stroke-width="1" stroke-dasharray="1" /> <path d="M 0 20 h 900" stroke="mediumspringgreen" stroke-width="15" stroke-dasharray="1 3" /> <path d="M 0 40 h 900" stroke="orangered" stroke-width="1" stroke-dasharray="5%" /> <path d="M 0 60 h 900" stroke="green" stroke-width="1" stroke-dasharray="1 5" /> <path d="M 0 80 h 900" stroke="steelblue" stroke-width="1" stroke-dasharray="2 7 6" /> <path d="M 0 100 h 900" stroke="orange" stroke-width="5" stroke-dasharray="5" /> <path d="M 0 120 h 900" stroke="mediumseagreen" stroke-width="1" stroke-dasharray="12% 5%" /> </svg>