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
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
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.
- Each week the Creare Group produce video tutorials for SEO and tips and tricks for the web design industry.
Recommended Sites
- Register Domain Name
- IT Support Bristol
- Web Design
- Website Designers - Compare quotes from local website designers
- Cheap Web Design from EU Design Studio




