Rounded corners

Rounded boxes

In-depth explanation in this post.

Nice rounded box

Forward-looking, no unnecessary markup

Since p:last-child and a[name] selectors are used, IE users can't see it in action. Opera 7.5 also does not support :last-child.

Thus it remains as an example of CSS power yet to be.

HTML used:

<div class="hifi">
<h2>Nice rounded box<a name="h2"></a></h2>
<p>Forward-looking, no unnecessary markup</p>
<p>Since <code>p:last-child</code> and <code>a[name]</code> selectors are used, IE users can't see it in action. Opera 7.5 also does not support <code>:last-child</code>. </p>
<p>Thus it remains as an example of CSS power yet to be.</p>
</div>