All for Joomla All for Webmasters

Bordas arredondadas

Esse script de caixinha com bordas arredondadas deve ser utilizado em seu CSS.

.caixinha {
border: #NUMERO DA COR DA BORDA AQUI 5px solid;
padding: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #COR DA LETRA;
width: NUMERO DA LARGURA AQUIpx;
height: NUMERO DA ALTURA AQUIpx;}

E na hora de usar, cole o seguinte código aonde deseja mostrar a caixinha com borda arredondada:

<div class="caixinha">
Texto aqui
</div>

RESULTADO FINAL

Texto aqui

EXPLICAÇÕES

O código border-radius faz o código funcionar no Internet Explorer e outros navegadores, o -moz-border-radius faz o código funcionar no Firefox e no Flock, e o -webkit-border-radius faz o código funcionar no Safari e Google Chrome. Quanto maior o número que você coloca na frente dessas opções (exemplo: 10px), maior será a curva da borda.