With the introduction of CSS 3 rounded corners can not only be achieved by background images but much simpler with some CSS code. Although similar, Safari and Firefox implement this feature differently, so you will need to include both in the declaration. An example of the code you see on this page (code box).

 

HTML Code

<div id="roundedcorners">
<p>Your text or image</p>
</div>

 

CSS Code

#roundedcorners {webkit-border-radius: 10px;
                            moz-border-radius: 10px;
                            border-radius: 10px;}