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
14/04/2009, 18:57
| |||
| |||
| 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 |
|
14/04/2009, 19:36
| ||||
| ||||
| Respuesta: Crear esquinas redondeadas con CSS sin imágenes en Div o Tablas |
|
14/04/2009, 20:17
| ||||
| ||||
| 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; |
|
15/04/2009, 06:10
| ||||
| ||||
| 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>
Código:
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. .arriba, .abajo{
background-color: #fff
height: 1px;
margin: 0 1px;
}
.centro, .arriba, .abajo{
width: 100%;
}
.contenedor{
width: 200px;
}
|
