bordes redondeados sin imagen de fondo??

[jane_135]

hola, quiero crear una caja con bordes redondeados pero sin imagen de fondo, para no perder tiempo de carga, por ello pondré un background-color.

El caso es que ni viendo los posts del foro ni algunas páginas de css, he logrado saber si se puede hacer sin la necesidad de poner una imágen de fondo o usar js.

Hay una web : http://www.spiffycorners.com/ que explica como hacerlo, pero con imágen de fondo. Otra parecida es : http://www.modxcms.com/simple-rounded-corner-css-boxes.html

Pero si quiero usar sólo un color de fondo se puede o no???

[Mikmoro]

Se puede, y hay muchas maneras.
Aquí te pongo un ejemplo:

http://www.araudi.net/esquinas_redondeadas.html

(está hecho sólo con css y una imagen gif).

No obstante, busca un poco en san google y encontrarás varias maneras diferentes de hacerlo.

Mikel.

[jane_135]

esa manera ya he comentado que la conozco, pero utiliza una imágen como fondo, yo lo que quiero es no utilizar esa imágen y utilizar un código de color...

[Mikmoro]

Creo que hay una forma de hacerlo sin imágenes de fondo ni JS, pero es complicadísima, a base de unos 48 div anidados. No recuerdo el enlace para dártelo, pero buscando lo encontrarás, aunque eso sí, en inglés.

Por lo del tiempo de carga, no sé si te has dado cuenta de que la imagen que he usado es una sola y tiene 1k de peso. Si eres capaz de cronometrar la diferencia de carga entre el html con mi imagen o con la otra solución, es que trabajas en la NASA

Mikel.

[jane_135]

je je , la verdad es que no carga casi nada. Lo haré así, gracias mikel.

[alca87]

Existe una manera pero solo funciona en Mozilla y derivados (Firefox, Netscape6+ y Camino) Si usas hojas de estilo separadas según cada navegador, tal vez te interese.

Código:

-moz-border-radius: 5%;

También puedes usar un par de valores, tres ó cuatro, para definir cada esquina.

Un saludo.

[Eourus]

Esperate a css3 para esas cosas ;)

[resu]

proba con nifty coners cube:

http://www.html.it/articoli/niftycube/index.html


saludos

[metacortex]

No es necesario esperar a CSS3: http://www.forosdelweb.com/f53/tutor...ro-css-498435/

[kahlito]

Hola metacortex, ¿donde queda el ejemplo final de tu enlace?. Sería interesante ver el resultado

[metacortex]

No me acordaba que había abandonado ese dominio. Ya transferí los archivos y edité el post. Gracias por avisar .