Creating a zigzag line for a border

[extravert]

I’m helping a friend with her website and she sews for people. I thought giving her some border lines that are zigzagged would resemble those fun fabric sample cuts you see. I’ve seen these lines, I just have no idea how to create them.

Here’s an example I came across: http://weblogbetter.com/

[Anonymous]

That’s actually a background image and it’s not done with code. you can get a nice stitching effect with dashed border. But if you want that zigzag effect you will have to use a background-image. use this.

Border:dashed 1px #000000;

[Merri]

Here is something you can do with CSS and also something you probably haven’t seen anywhere before:

http://codepen.io/Merri/pen/tnFkz

It isn’t zigzag but maybe fits the sewing theme?

[rodolpheb]

Hi, I’ve found this: http://codepen.io/joeyhoer/pen/EraAu

[Author]

Posts