Picture required:
Corners-type1 corners-type2 corners-type3 corners-type4 corners-type5 ROUNDEDBOX-TYPE5-BG
<!doctype html>"http://www.w3.org/1999/xhtml">"Content-type"Content="text/html; Charset=utf-8"/><title>previe of Type4-Easy rounded corners, by Ignacio Ricci (www.ignacioricci.com) </title><style>body {margin:0; padding:40px; Font the% Georgia,"Times New Roman", times, serif; background: #FFF;}/*rounded-cornered DIVs-*/. roundedbox {position:relative; padding:17px; margin:10px0;}/*-All the corners-*/. corner {position:absolute; width:17px; height:17px;}/*-each corner-*/. topleft {top:0; Left0; BACKGROUND-POSITION:-1PX-1px;}. TopRight {top:0; Right0; BACKGROUND-POSITION:-19PX-1px;}. bottomleft {bottom:0; Left0; BACKGROUND-POSITION:-1PX-19px;}. bottomright {bottom:0; Right0; BACKGROUND-POSITION:-19PX-19px;}/*-Type1-blue-*/#type1 {background-color: #CCDEDE;} #type1. Corner {background-image:url (img/corners-type1.gif);}/*-Type2-green-*/#type2 {background-color: #CDDFCA;} #type2. Corner {background-image:url (img/corners-type2.gif);}/*-Type3-violet-*/#type3 {background-color: #D3CADF;} #type3. Corner {background-image:url (img/corners-type3.gif);}/*-type4-red with border-*//*We Change the corners ' position and add the border*/#type4 {background-color: #CCACAE; border:1px solid #AD9396;} #type4. Corner {background-image:url (img/corners-type4.gif);} #type4. topleft {top:-1px; left:-1px;} #type4. topright {top:-1px; right:-1px;} #type4. bottomleft {bottom:-1px; left:-1px;} #type4. bottomright {bottom:-1px; right:-1px;}/*-Type5-with Gradient-*//*We Change the top corners ' height, and the bottom corners background-position. We must also add to the containing div a gradient to repeat in X.*/#type5 {background: #FECBCA URL (img/roundedbox-type5-bg.png) repeat-x0 0; min-height:110px;} #type5. Corner {background-image:url (img/corners-type5.png);} #type5. TopLeft, #type5. topright {height:140px;} #type5. bottomleft {background-POSITION:-1PX-142px;} #type5. bottomright {background-POSITION:-19PX-142px;} </style>class="Roundedbox"Id="type1"> <strong>my ContentinchRoundedbox Type1</strong> <divclass="Corner TopLeft"></div><divclass="Corner TopRight"></div><divclass="Corner Bottomleft"></div><divclass="Corner BottomRight"></div> </div> <!--type2:green-<divclass="Roundedbox"Id="type2"> <strong>my ContentinchRoundedbox Type2</strong> <divclass="Corner TopLeft"></div><divclass="Corner TopRight"></div><divclass="Corner Bottomleft"></div><divclass="Corner BottomRight"></div> </div> <!--type3:violet-<divclass="Roundedbox"Id="Type3"> <strong>my ContentinchRoundedbox Type3</strong> <divclass="Corner TopLeft"></div><divclass="Corner TopRight"></div><divclass="Corner Bottomleft"></div><divclass="Corner BottomRight"></div> </div> <!--type4:red with border--<divclass="Roundedbox"Id="Type4"> <strong>my ContentinchRoundedbox Type4</strong> <divclass="Corner TopLeft"></div><divclass="Corner TopRight"></div><divclass="Corner Bottomleft"></div><divclass="Corner BottomRight"></div> </div> <!--type5:with gradient-<divclass="Roundedbox"Id="Type5"> <strong>my ContentinchRoundedbox Type5</strong> <divclass="Corner TopLeft"></div><divclass="Corner TopRight"></div><divclass="Corner Bottomleft"></div><divclass="Corner BottomRight"></div> </div></body>