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