Hoy estoy generoso
y por el mismo precio traigo dos soluciones distintas para conseguir esquinas redondeadas. Una via css + un archivo .htc (para que ie) y la otra con un .js
De
htmlremix.com en
esta entrada de su página, para que puedas leer tú mismo la fuente y los comentarios al respecto.
Básicamente:
en el css:
Cita: .curved {
-moz-border-radius:10px;
-webkit-border-radius:10px;
behavior:url(border-radius.htc);
}
en el html a el elemento que queramos aplicar el redondeo de la esquina:
Código HTML:
<div class="curved">Curvd div</div>
y el archivo "border-radius.htc"
está disponible aquí. También en el enlace que te puse de la entrada a la página está un link para bajarlo en un .zip
La segunda forma, mediante un script está disponible en
dillerdesign
Básicamente, consiste en incluir
Código HTML:
<script src="DD_roundies.js"></script>
<script>
DD_roundies.addRule('.box', 10);
</script> Dice su autor que funciona con: "Firefox (tested 3.0.4), Webkit-driven browsers (tested Google Chrome 0.4.154.29), Internet Explorer 6 and 7" pero no en el ie8. Tampoco con imágenes.
Pero como de estos temas no entiendo nada de nada, te toca a tí investigarlo más a fondo, así como dar el soplo a los "scrípteros"
Ya diréis si funcionan o no.