Implementation example + code of Div rounded border and example of div rounded border
<Html>
<Head>
<Title> implementation example of Div rounded border </title>
<Style type = "text/css">
. B1,. b2,. b3,. b4,. b1b,. B2B,. b3b,. b4b,. B {display: block; overflow: hidden ;}
. B1,. b2,. b3,. b1b,. B2B,. b3b {height: 1px ;}
. B2,. b3,. b4,. B2B,. b3b,. b4b,. B {border-left: 1px solid #999; border-right: 1px solid #999 ;}
. B1,. b1b {margin: 0 5px; background: #999 ;}
. B2,. B2B {margin: 0 3px; border-width: 2px ;}
. B3,. b3b {margin: 0 2px ;}
. B4,. b4b {height: 2px; margin: 0 1px ;}
. D1 {background: #000 ;}
. K {height: 100px; color: # fff ;}
</Style>
</Head>
<Body>
<Div style = "width: 200px;">
<B class = "b1"> </B> <B class = "b2 d1"> </B> <B class = "b3 d1"> </B> <B class = "b4 d1"> </B>
<Div class = "B d1 k"> Div rounded corner <br> Firefox/Chrome </div>
<B class = "b4b d1"> </B> <B class = "b3b d1"> </B> <B class = "B2B d1"> </B> <B class = "b1b"> </B>
</Div>
<Div> http://www.999jiujiu.com/</div>
</Body>
</Html>