Rounder corner with help of image and css

The simplest way to make your rounder corner for the web pages. Below is the solution:

Create four images for your corners. With the help of Abode photoshop or any graphic tool create these four images . I’ll be using this square here…

the place where I want to show the box, create a container div to hold the box, a div for the top row and a div for the bottom row. Between the top and bottom rows, I add my content. In the top and bottom row divs, I add the left corner image and set the inline style to read display: none;. This makes the image invisible unless I make it visible through the stylesheet. That way, I can hide the effect from incompatible browsers by not showing them the stylesheet.