Rounded corners with CSS
A recent project needed rounded corners for some page elements and we thought about a few ways of doing this. The only problem was that our new website should use CSS without the use of tables for layout purposes….
Well, we were aware of a few methods but they all seemed to use various background image methods and involved adding extra divs to accommodate the nice corner images that we desired. That is until this method using CSS with JavaScript came to our attention.
What a great solution! No images were harmed in the making of these nice examples and the method can be applied to different page elements.
In fact, if you can live with a little semantic incorrectness then JavaScript is not needed for the first example.
Now updated with new version Nifty Corners
Related Posts
Comments
Next · Previous
« Golf Links - golf club and course information and more....
We Like
ThemeForest sell a range of site templates from some fantastic designers. They also sell some great WordPress themes!
Online invoicing made easy with CurdBee!
» Sign up
Join SugarSync for online backup. Sync your files between Mac, PC and mobile phone. Get 5 GB FREE and up to 10 GB bonus space!
Featured Book
HTML5 and CSS3 for the Real World will show you how to create websites using these new methods.
This easy-to-follow guide covers everything you need to know to get started. You’ll master the new semantic markup available in HTML5, as well as how to use CSS3 without sacrificing clean markup or resorting to complex workarounds. Buy the Book! · FREE Chapters
