Question

Is it possible to create such a rounded corner gray layout in css3 which is around the content and right side bar Livesite and image is here

Sorry i m beginner at css3.

Answer 1

Simple

.round {border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;

}

Just add this class to whatever you want rounded. You can also change the radius.

For the border border:10px solid #E0DDD7

You can replace the #E0DDD7 with Black, Silver, Blue etc…

If you are looking to just have top rounded corners, You can

.round-top {
    -webkit-border-top-right-radius: 24px;
    -webkit-border-top-left-radius: 24px;
    -moz-border-top-right-radius: 24px;
    -moz-border-top-left-radius: 24px;  
}