CopyCode The Code is as follows: <! Doctype HTML public "-// W3C // dtd xhtml 1.0 transitional // en" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<Meta http-equiv = "Content-Type" content = "text/html; charset = gb2312"/>
<Title> Baidu youah CSS rounded corner solution </title>
<Style>
. Box1 {Background: URL ('HTTP: // response) Repeat-X #1d6cb7; margin-top: 1em; position: relative; ZOOM: 1; width: 778px ;}
. Box1. TL ,. box1. tr ,. box1. BL ,. box1. BR {width: 5px; Height: 5px; position: absolute; Background: URL ('HTTP: // www.jb51.net/upload/20090330140618989.gif') No-Repeat; overflow: hidden ;}
. Box1. CC {Height: 40px; padding: 5px ;}
. Box1. TL {left: 0; top: 0 ;}
. Box1. tr {right: 0; top: 0; Background-position: 0-5px ;}
. Box1. Bl {left: 0; bottom: 0; Background-position: 0-10px ;}
. Box1. BR {right: 0; bottom: 0; Background-position: 0-15px ;}
. Box2 {border: 1px solid #84 CEDD; margin-bottom:. 8em; position: relative; ZOOM: 1; width: 778px ;}
. Box2. TL ,. box2. tr ,. box2. BL ,. box2. BR {width: 6px; Height: 6px; position: absolute; Background: URL ('HTTP: // www.jb51.net/upload/20090330140618283.gif') No-Repeat; overflow: hidden ;}
. Box2. CC {Height: 40px; padding: 5px ;}
. Box2. TL {left:-1px; top:-1px ;}
. Box2. tr {right:-1px; top:-1px; Background-position: 0-6px ;}
. Box2. Bl {left:-1px; bottom:-1px; Background-position: 0-12px ;}
. Box2. BR {right:-1px; bottom:-1px; Background-position: 0-18px ;}
. Box3 {position: relative; ZOOM: 1; padding: 1em 1.5em; margin:. 5em 0 1em 0; Background: # f1f6de}
. Box3. TL ,. box3. tr ,. box3. BL ,. box3. BR {width: 5px; Height: 5px; position: absolute; Background: URL ('HTTP: // www.jb51.net/upload/20090330140618807.gif') No-Repeat; overflow: hidden ;}
. Box3. CC {Height: 40px; padding: 5px ;}
. Box3. TL {left: 0; top: 0 ;}
. Box3. tr {right: 0; top: 0; Background-position: 0-5px ;}
. Box3. Bl {left: 0; bottom: 0; _ bottom:-1px; Background-position: 0-10px ;}
. Box3. BR {right: 0; bottom: 0; _ bottom:-1px; Background-position: 0-15px ;}
</Style>
</Head>
<Body>
<Div class = "box1">
<SPAN class = "TL"> </span> <SPAN class = "TR"> </span>
<Div class = "cc">
<P> rounded corner 1 </P>
</Div>
<SPAN class = "Bl"> </span> <SPAN class = "Br"> </span>
</Div>
<P> </P>
<Div class = "box2">
<SPAN class = "TL"> </span> <SPAN class = "TR"> </span>
<Div class = "cc">
<P> corner 2 </P>
</Div>
<SPAN class = "Bl"> </span> <SPAN class = "Br"> </span>
</Div>
<P> </P>
<Div class = "box3">
<SPAN class = "TL"> </span> <SPAN class = "TR"> </span>
<Div class = "cc">
<P> rounded corner 3 </P>
</Div>
<SPAN class = "Bl"> </span> <SPAN class = "Br"> </span>
</Div>
<Br/> for more code, visit <a href = "http://www.jb51.net/" target = "_ blank"> script house </a>
</Body>
</Html> <textarea id="runcode22156"></textarea> Xmlns = "http://www.w3.org/1999/xhtml">
Rounded corner 1
Rounded corner 2
Rounded corner 3
For more code, visit the script home.