Home > Blog > CSS: Bordes redondeados también en IE

CSS: Bordes redondeados también en IE

Publicado el 05/12/08
por Ricardo Gil

Me gusta la solución que han aportado en HTMLRemix y a la que llego a través del genial blog de Andrés Nieto, se trata de usar un fichero .htc para crear los bordes redondeados en IE.

Vale, de acuerdo, no cumple los estándares web de CSS pero un borde redondeado es un recurso gráfico, nuestro contenido seguirá igual y nuestro código HTML será más limpio y menos pesado con esta solución que si nos dedicamos a llenarlo de imágenes de fondo y divs para cada esquina. Y dentro de <utopia>poco tiempo estará la especificación de CSS3 y todos los navegadores del momento la soportarán</utopia> y podremos poner bordes redondeados usando los estándares del W3C ; )

Entonces, ¿cómo implementamos está funcionalidad? Muy sencillo, para un elemento con clase .rounded quedaría así:

.rounded {
-moz-border-radius:10px;
-webkit-border-radius:10px;
behavior:url(border-radius.htc);
}

Lo dicho, sencillo, limpio y ligero. Y si tu conciencia te lo permite podrás usarlo sin ningún problema y funcionará en todos los navegadores.

Artículos relacionados

¿Y ahora qué?

Por favor deja tu comentario, queremos saber tu opinión sobre este artículo. Trackback URL: CSS: Bordes redondeados también en IE.