Retângulo arredondado em página da web escrita com DIV + CSS

<estilo>
div.bg{fundo:#ffc20e;largura:50%}
b{exibição:bloco;}
/*Converta todas as tags B em elementos de nível de bloco*/

div b.topb b,div b.bottomb b{altura:1px;overflow:oculto;fundo:#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 à cor de fundo de div.bg*/

div b.topb,div b.bottomb{ cor de fundo:branco}
/*A cor de fundo do nome da classe topb/bottomb na tag div deve ser consistente com a cor de fundo do corpo*/

b.t1{margem:0 5px}
/*O valor da margem do rótulo determinará quanto do valor de estouro estará oculto*/
b.t2{margem:0 3px}
b.t3{margem:0 2px}
b.t4{margem:0 1px;altura:2px;}

</estilo>

<div alinhar="centro">
<div class="bg">

<b class="topb"><!--**A tag b contida nesta tag b precisa ser ocultada por overflow**-->
<bclass="t1"></b>
<bclass="t2"></b>
<bclass="t3"></b>
<bclass="t4"></b>

</b>
<br />
Este código é coletado e compilado da Internet pela Web Teaching Network. Obrigado pelo seu apoio!
<br />
<br />

<b class="bottom">
<bclass="t4"></b>
<bclass="t3"></b>
<bclass="t2"></b>
<bclass="t1"></b>
</b>

</div>
</div>