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.
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.
Viewing the source of Devin's code, we see simple, straightforward form markup with all the typical elements: a wrapper, a form, a label, and two inputs.
<div id="search-form"> <form role="search" method="get" id="searchform" action="http://devinsheaven.com/" > <div> <label for="s">Search for:</label> <input type="text" value="" name="s" id="s" /> <input type="submit" id="searchsubmit" value="Search" /> </div...