Snazzy Borders using just CSS

Pre 2007

Snazzy Borders

Based on Nifty Corners By Alessandro Fulciniti
http://pro.html.it/esempio/nifty/

Rounded borders without images

Jelly apple pie cake marzipan. Wafer cake jelly beans apple cake danish carrot cake. Dessert pudding chocolate cake apple pie chocolate roll cupcake jelly. Macaroon chocolate cake sesame snaps sweet cookie biscuit. Tart sesame snaps wafer croissant brownie marshmallow toffee.

Icing apple pie chocolate bar ice cream macaroon liquorice bear claw. Pudding brownie marshmallow biscuit muffin wafer. Tiramisu carrot cake cupcake muffin ice cream lemon drops dessert topping. Wafer carrot cake pudding topping brownie. Macaroon wafer apple pie sesame snaps lollipop chocolate.



Information

Having seen Alessandro Fulciniti's excellent tutorial on Nifty Corners, I thought that it should be possible to have Nifty Corners AND Snazzy Borders.

So here it is. No images and fixed or fluid as required. Just change the colours as you wish and put snazzy borders on your nifty corners.

Now works in IE5.5 and just 1px out (try spotting it) in IE5.01



Copyright

You may use this method on your personal 'non-profit' web site without seeking my permission. A link back to CSSplay is always appreciated.

Commercial usage is also permitted without seeking approval, but I would ask that a donation is considered to support my work on CSSPlay.

If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.



Please Support CSS play

Please note that if your donation is for a demo/menu then you will need to email me with the url of the demo/menu after making the donation

For more CSS demonstrations I recommend that you visit the Dynamic Drive CSS Library.


Free, practical CSS menus, layouts, and examples

Follow CSS play


Facebook   Twitter   Facebook Fan Page