jueves, 13 de enero de 2011

¿CÓMO HACER LOS BORDES REDONDEADOS CON CSS?

Buenas,
Si queréis hacer alguna caja con los bordes redondeados en dreamweaver, para hacer un diseño más "chachi" para la web, tenéis que ir a la pestaña de las CSS.
En el elemento que queráis realizar las esquinas redondeadas, se escribe en las CSS:

{
-moz-border-radius: 15px;      (OJO: entre radius: y 15px hay un espacio)
-webkit-border-radius: 15px;
}

Moz es para que el navegador Mozilla reconozca los bordes redondeados y Webkit para Chrome y Safari.
Si se quiere hacer cada esquina con un radio diferente, escribiremos en las CSS:

  • -moz-border-radius-topleft: Esquina superior izquierda.
  • -moz-border-radius-topright: Esquina superior derecha.
  • -moz-border-radius-bottomleft: Esquina inferior superior izquierda.
  • -moz-border-radius-bottomright: Esquina inferior superior derecha.
Internet explorer de momento no  reconoce de momento las esquinas redondeadas. Se comenta que explorer va a ser actualizado para todo este tipo de deficiencias.

    No hay comentarios:

    Publicar un comentario