Rounded Corner avec Border Generator

Rounded corner with border generator generates one image file, and HTML/CSS code to put round corners and a border around your content.
Browser support:IE(6+), Firefox, Safari, Chrome and Opera etc.

Corner Radius:

Background Color#:

Box Color#:

Border Width:

Border Color#:

Domain Register & Web hosting

$1.99 Web Hosting
Domain Sale! $7.49 .com at GoDaddy

Go Daddy is an Internet domain registrar and Web hosting company. In 2010, it reached more than 45 million domain names under management. GoDaddy is currently the largest ICANN-accredited registrar in the world, and is four times the size of its closest competitor.

<div class="roundedCornerWithBorderBox_21657">
   <span class="corner_21657 topLeft_21657"></span><span class="corner_21657 topRight_21657"></span>
         <div class="demo"><h3>Domain Register & Web hosting</h3><a href="http://x.co/ORxH" target="_blank">$1.99 Web Hosting</a><br/><a href="http://x.co/ORx9" target="_blank">Domain Sale! $7.49 .com at GoDaddy</a><p><a href="http://x.co/ORxK" target="_blank">Go Daddy</a> is an Internet domain registrar and Web hosting company.
            In 2010, it reached more than 45 million domain names under management.
            GoDaddy is currently the largest ICANN-accredited registrar in the world,
            and is four times the size of its closest competitor.
            </p></div>
     <span class="corner_21657 bottomLeft_21657"></span><span class="corner_21657 bottomRight_21657"></span>
    </div>

.roundedCornerWithBorderBox_21657 {zoom:1; border:4px solid #444444;position:relative; padding:20px;background-color:#BBBBBB; }
.corner_21657 {font-size:0;background-image:url(images/roundedcornerwithborder_21657.png);position:absolute; width:20px; height:20px; }
.topLeft_21657 {top:-4px; left:-4px; background-position:0px 0px;}
.topRight_21657 {top:-4px; right:-4px; background-position:-21px 0px;}
.bottomLeft_21657 {bottom:-4px; left:-4px; background-position:0px -21px;}
.bottomRight_21657 {bottom:-4px; right:-4px; background-position:-21px -21px;}
/*Fix IE6 stupid 1px bug*/
* html .topRight_21657 {
    border-right:#FFFFFF solid 1px; /* same color as background */
    margin:  0 -1px 0  0;
}
* html .bottomLeft_21657 {
    border-bottom: #FFFFFF solid 1px;
    margin:  0 0 -1px 0;
}
* html .bottomRight_21657 {
    border-right: #FFFFFF solid 1px;
    border-bottom: #FFFFFF solid 1px;
    margin:  0 -1px -1px 0;
}

images/roundedcornerwithborder_21657.png

Download zip files

Rounded Corner

Rounded Corner

Rounded Corner Button Generator

Rounded Corner avec Border Generator

Domain Register & Web hosting

Languages