Rounded corners using CSS

To achieve such effect, I'm using 4 nested <DIV> boxes. Each one displays a corner picture in the background.

This method fits any box size.

Obviously better than using tables, this method is still semantically weak.

<div class="upperleft">
	      <div class="upperright">
	      <div class="lowerleft">
	      <div class="lowerright">
	      Your text here.
	      </div>
	      </div>
	      </div>
	      </div>
	    

Here is the stylesheet : coins_arrondis.css

See also:

• Cette page en français
• RoundedCorners on Incutio Wiki

Off-topic

Support mangeur de cigogne