Foros del Web » Creando para Internet » CSS »

Crear esquinas redondeadas con CSS sin imágenes en Div o Tablas

Estas en el tema de Crear esquinas redondeadas con CSS sin imágenes en Div o Tablas en el foro de CSS en Foros del Web. Alguien sabe como se puede crear esquinas redondeadas con CSS sin imágenes en Div o tablas por favor me pueden facilitar el código gracias...
  #1 (permalink)  
Antiguo 14/04/2009, 19:57
(Desactivado)
 
Fecha de Ingreso: enero-2008
Mensajes: 272
Antigüedad: 9 años, 11 meses
Puntos: 1
Crear esquinas redondeadas con CSS sin imágenes en Div o Tablas

Alguien sabe como se puede crear esquinas redondeadas con CSS sin imágenes

en Div o tablas

por favor me pueden facilitar el código

gracias
  #2 (permalink)  
Antiguo 14/04/2009, 20:36
Avatar de pao01
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 1.875
Antigüedad: 9 años, 6 meses
Puntos: 351
Respuesta: Crear esquinas redondeadas con CSS sin imágenes en Div o Tablas

Zack78, fijate si esto te sirve
Te dejo la página de Mikmoro para que veas todas las opciones
__________________
Entre más estrecha la mente, más grande la boca.- Ted Cook
Autosconarte-Blog
  #3 (permalink)  
Antiguo 14/04/2009, 21:17
Avatar de Dalvenjha  
Fecha de Ingreso: febrero-2008
Ubicación: $("#oficina");
Mensajes: 692
Antigüedad: 9 años, 9 meses
Puntos: 53
Respuesta: Crear esquinas redondeadas con CSS sin imágenes en Div o Tablas

sin imagenes, en internet explorer 6 no se puede, en cambio en firefox, safari e ie a partir del 7 si, solo debes colocar las opciones border radius:

-moz-border-radius:2px;
-webkit-border-radius:2px;
-ms-border-radius:2px;
__________________
Mi Showcase ||

Compartiendo todo lo posible con los demás.
  #4 (permalink)  
Antiguo 15/04/2009, 07:10
Avatar de nflamel  
Fecha de Ingreso: agosto-2005
Ubicación: Granada
Mensajes: 41
Antigüedad: 12 años, 4 meses
Puntos: 0
Respuesta: Crear esquinas redondeadas con CSS sin imágenes en Div o Tablas

No es lo mismo que usar esquinas redondeadas, pero yo uso una "técnica" que normalmente da buen resultado y da un efecto bastante resultón. Consiste en usar 3 divs puestos uno encima de otro, el del centro es el contenido y los otros 2 son para dar el "redondeo"

Código HTML:
<div class="contenedor">
<div class="arriba"/>
<div class="contenido">Contenido que se quiere redondear</div>
<div class="abajo" />
</div> 
en el css necesitas

Código:
.arriba, .abajo{
 background-color: #fff
 height: 1px;
 margin: 0 1px;
}
.centro, .arriba, .abajo{
  width: 100%;
}
.contenedor{
  width: 200px;
}
La gracia está en que los divs de arriba y abajo son un pixel más pequeños y el aspecto es el mismo que el de un borde redondeado. Si en vez de usar un div encima y otro abajo usas 2 arriba y 2 abajo, puedes conseguir un radio mayor quitándole al segundo div 2 pixels en lugar de uno.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:32.