Introduction

Look at the image given below:

In the above image, you can see the rounded corner control. Most of you will guess its image or even you call it as background image, but actually it is not image, its rounded corner DIV.

To create such rounded corner DIV you just need to add some special styles with existing DIV tag. Look at the DIV given below:

<div style="margin:0 auto; background-color:#EAFFFF; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; padding:15px 15px 15px; width:200px;">

            Place your data here

</div>

Try the above code it will create the rounded DIV for you. And even it is very concise way because it will take less memory to download.