Mike’s Experiments - CSS: Smart Corners

While several solutions exist for making round corners on boxes, most I feel just aren’t simple enough. Some use JavaScript — which is fine — and others use CSS with no images. This method uses CSS and small images. Of all the methods, I feel this is the most practical solution.
Get the XHTML, CSS, source. Go to back to the Mike’s Experiments index.


Smart, Round Corners?

This is some div text content. To watch the rounded corners on this box move dynamically, use your browser’s functionality to enlarge this text.

It might not be an original solution, but it is simple, effective, and lightweight. Smart Corners are what I’d call smart.

Oh, yeah, I like it! So round, so smart, so simple and easy :-)