Here is a post about making div’s edge’s into rounded one’s. There are inbuilt libraries in some browsers like IE9 and greater than that which allow us to build very attractive web pages. There is another method of making rounded edged div’s in which edges are managed by inserting images. But using the inbuilt attributes is the easier one to create round edges.

      Let’s have a look at these attributes:

  

            border-radius:25px; //IE 9

            -webkit-border-radius:25px; //Chrome and safari

            -moz-border-radius:25px; //Mozilla

            -o-border-radius:25px; //Opera

          Above I have mentioned Radius attributes based on the type of browser’s. By applying the above attributes  on a div, Its border radius will be set to 25px.