Css Shapes

Create a masterpiece by just using css and borders. You can create css triangles shapes by just using the border property. If you think of a block with a border 0f 20px around using different colours, the sides need to be on angles to slot together:

 

Now bring in the rectangle and you get a nice set of triangles

 

Using the rotatate and border-radius properties you can now have fun.

for a great collection of css shapes go to css-tricks.com