CSS rounded corners. We will see how we can get rounded corner effect using border radius without going through the laborious process of creating images and fitting them in every item corner to create the desired effect https://www.agernic.com/css-tutorial/css-rounded-corners.html

css-rounded-corners.css

.corner-radius1
{
border-radius:12px;
padding:10px;
width:250px;
height:160px;
background-color: #FF9;
float: left;
}

.corner-radius2
{
border-radius:12px;
padding:10px;
width:250px;
height:160px;
border: thin solid #0C0;
float: left;
margin-left: 18px;
}

.corner-radius3
{
border-radius:12px;
padding:10px;
width:250px;
height:160px;
background-image: url(https://www.agernic.com/uploads/paper.gif);
float: left;
margin-left: 18px;
}