is it possible to make CSS Layers shaped like the following image…

i know we can have images of this shape and with transparent backgrounds we can have Layers shaped like these… but no i want CSS Layers to actual borders like these shapes… is there a way CSS, jQuery or anything….
Note: by ‘shapes like these i mean not just these three examples but shapes that i could define’
If you need shapes in HTML then you should embed or generate SVGs. You may want to take a look at Raphaël.
Normal HTML and CSS will just render rectangles.