O'Reilly logo

HTML5 Multimedia Development Cookbook by Lee Jordan, Dale Cruse

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Adding rounded corners with border-radius

Border-radius may very well become the most commonly used new attribute of CSS3. With so many buttons and rounded corners on containing elements used throughout the web, border-radius makes it easy to accomplish via CSS rather than rely on images. Here's how to do it.

Getting ready

Let's take a look at http://devinsheaven.com, featuring the work and writings of iPhone application designer and developer Devin Ross. Specifically, we're going to examine how Devin styled his search field.

Getting readyborder-radiusabout

How to do it...

Viewing the source of Devin's code, we see simple, straightforward form markup with all the typical elements: ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required