29/04/2010, 02:03
|
 | | | Fecha de Ingreso: abril-2010 Ubicación: Solsona
Mensajes: 98
Antigüedad: 14 años, 7 meses Puntos: 8 | |
| Bordes Redondeados con CSS (Only Firefox)
En el CSS creamos esta classe:
.curved {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
behavior:url(border-radius.htc);
}
En la MISMA carpeta donde tengamos el CSS pegamos el archivo border-radius.htc (lo podeis encontrar en http://code.google.com/p/curved-corner/downloads/list)
Luego en el DIV que le indiquemos hacemos la petición a la classe correspondiente (en este caso .curved [class="curved"])
Ejemplo: 1.
<div id="Capsula" class="curved">Curved Corner</div>
Y ya tenemos nuestro div con bordes redondeados.
Todos los que trabajamos con CSS ya sabemos lo que cuesta evadir las incompativilidades de los navegadores por eso el archivo border-radius.htc nos echa una mano con el Explorer. |