Muitas pessoas estão procurando uma maneira de usar DIV+CSS para criar um retângulo arredondado. Usando o código abaixo, você pode facilmente obter esse retângulo arredondado muito atraente.
<style>div.bg{background:#ffc20e;width:50%}b{display:block;}/*Converta todas as tags B em elementos de nível de bloco*/
div b.topb b,div b.bottomb b{height :1px;overflow:hidden;background:#ffc20e;}/*O valor do atributo css da tag b com o nome da classe topb/bottomb na tag div – a altura é 1px, a parte overflow está oculta e a cor de fundo é igual ao plano de fundo de div.bg Color*/
div b.topb,div b.bottomb{ background-color:white}/*A cor de fundo do nome da classe topb/bottomb na tag div deve ser consistente com o cor de fundo do corpo*/
b.t1{margin:0 5px} /*O valor da margem da tag determinará quanto do valor de estouro está oculto*/b.t2{margin:0 3px}b.t3{margin:0 2px} b.t4{margem:0 1px;altura:2px;}
＜/style ＞
＜div align=”center”＞＜div class=”bg”＞
＜b class=”topb”＞＜!–**A tag b. contida nesta tag b precisa ser overflow oculto**–＞＜b class= "
t1 ">
/＞＜b class=”bottomb”＞＜b class=”t4″＞＜/b＞＜b class=”t3 ″＞＜/b＞＜b classe=”t2″＞＜/b＞＜b classe= "t1"＞＜/b＞＜/b＞
＜/div＞＜/div＞