Esse é um exemplo de como gerar box com cantos arredondados. Vale lembrar que é necessário ter as imagens dos cantos.
<div class="box_arredondado">
<div class="borda_top"><div> </div></div>
<div class="conteudo">
Bla Bla Bla Wiskas Sachê
</div>
<div class="borda_bottom"><div> </div></div>
</div>
CSS:
div.box_arredondado {
background-color: #FFFFFF;
color: #000000;
margin: 10px;
}
div.box_arredondado .conteudo {
margin: 0px 15px;
position: relative;
}
div.box_arredondado .borda_top div {
background: url(top_le.gif) no-repeat top left;
}
div.box_arredondado .borda_top
{
background: url(top_ld.gif) no-repeat top right;
}
div.box_arredondado .borda_bottom div {
background: url(base_le.gif) no-repeat bottom left;
}
div.box_arredondado .borda_bottom {
background: url(base_ld.gif) no-repeat bottom right;
}
Como uma segunda opção, é possível gerar o HTML, CSS e as imagens para criar Box arredondados neste site: http://www.roundedcornr.com
Nenhum comentário:
Postar um comentário