Nota: Este modo não funciona no Internet ExplorerUtilizaremos os prefixos:
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
O webkit é para o Google Chrome e para o safari o moz é para o firefox e o sem prefixo são para outros navegadores e os pixeis da "curvatura" são 12 pixeis.Para não fazer uma postagem cansativa aqui um exemplo direto:
OBS: Para a curva funcionar deve existir uma borda primeiramente.
<html><head><style type="text/css">Exemplo: Clique aqui.
#ex{border: 2px solid black;-webkit-border-radius: 12px; -moz-border-radius: 12px;border-radius: 12px;}
</style></head><body><div id="ex">Eu sou um exemplo!</div></body></html>
oi
ResponderExcluir