Rounded corners box

Here is an example box, with HTML5/CSS rounded corners rendered by the browser

 

Rounded corners top only box

Here is an example box, with HTML5/CSS rounded top corners rendered by the browser

Close this page

HTML 5/CSS - rounded corners

Unlike previous CSS methods, no graphics are required, the corners are rendered by the browser.

The CCS styles for this example are located in the <head> tag of this page, so just view the page source code to see what's going on.