Create rounded corners with CSS!

W3C has offered some new options for borders in CSS3, of which one is border-radius. Both Mozila/Firefox and Safari 3 have implemented this function, which allows you to create round corners on box-items. This is an example:

This is an example of a paragraph with rounded corners.

Below is the code used to create the rounded corner effect, you can image the endless possibilities with creation of buttons etc..

<p style=”background-color: #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border: 1px solid #000; padding: 10px;”>This is an example of a paragraph with rounded corners.</p>

1. Trade strategies says:

   December 19, 2009 at 4:36 AM

   Really Good Work…. You Helping People A lot

   Reply