angled-edges | consistent angled edge to a full width element | Style Language library

If I were trying to accomplish this:

I would create a portion of zig-zag in a graphics editor (Fireworks, PhotoShop, etc.) with a transparent background.

Then I would add it to a id or class element (of it's own, or include it in the body class) in my CSS file. body {background: #FFF url(path/to/zig-zag) repeat-x;}

And finally, indicate it in my HTML structure. It's either encapsulated in the body tag, or it would be included in a "

(forgive me for not putting this in relation to svg... perhaps I oversimplified it.)

Added: If the point of using SVG is so that the image is responsive/scalable for the different screen sizes (desktop, tablet, phone, etc.), you can include the following line in your CSS file: img { max-width: 100%; height: auto; } If you list it as a stand-alone line, then all of your graphics should have a (simulated) SVG effect.