Mucha gente está buscando una manera de usar DIV+CSS para crear un rectángulo redondeado. Usando el siguiente código, puedes lograr fácilmente este atractivo rectángulo redondeado.
<style>div.bg{background:#ffc20e;width:50%}b{display:block;}/*Convertir todas las etiquetas B en elementos a nivel de bloque*/
div b.topb b,div b.bottomb b{height :1px;overflow:hidden;background:#ffc20e;}/*El valor del atributo css de la etiqueta b con el nombre de clase topb/bottomb en la etiqueta div: la altura es 1px, la parte de desbordamiento está oculta y el color de fondo es el mismo que el fondo de div.bg Color*/
div b.topb,div b.bottomb{ background-color:white}/*El color de fondo del nombre de clase topb/bottomb en la etiqueta div debe ser consistente con el color de fondo del cuerpo*/
b.t1{margin:0 5px} /*El valor del margen de la etiqueta determinará qué parte del valor de desbordamiento está oculto*/b.t2{margin:0 3px}b.t3{margin:0 2px} b.t4{margin:0 1px;height:2px;}
＜/style ＞
＜div align=”center”＞＜div class=”bg”＞
＜b class=”topb”＞＜!–**La etiqueta b contenido en esta etiqueta b debe estar oculto**–＞＜b class= "
t1 ">
/＞＜b class=”bottomb”＞＜b class=”t4″＞＜/b＞＜b class=”t3 ″＞＜/b＞＜b clase=”t2″＞＜/b＞＜b clase= "t1"＞＜/b＞＜/b＞
＜/div＞＜/div＞