bordes redondeados sin imagen de fondo??
 

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???

Re: bordes redondeados sin imagen de fondo??
 

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.

Re: bordes redondeados sin imagen de fondo??
 

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...

Re: bordes redondeados sin imagen de fondo??
 

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.

Re: bordes redondeados sin imagen de fondo??
 

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

Re: bordes redondeados sin imagen de fondo??
 

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.

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

Un saludo.

Re: bordes redondeados sin imagen de fondo??
 

Esperate a css3 para esas cosas ;)

Re: bordes redondeados sin imagen de fondo??
 

proba con nifty coners cube:

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


saludos

Re: bordes redondeados sin imagen de fondo??
 

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

Re: bordes redondeados sin imagen de fondo??
 

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

Re: bordes redondeados sin imagen de fondo??
 

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