Como ya sabemos, CSS3 solo esta soportado por los navegadores modernos y las esquinas redondeadas las podremos realizar con CSS·para navegadores basados en Webkit(Safari, Chrome), Mozilla, Opera y también Internet Explorer 9
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
Tabien podemos especificar distintos tamaños de curva para cada una de las 4 esquinas
/*webkit*/
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 2px;
border-top-right-radius: 5px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 2px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 2px;
/*firefox*/
-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 2px;
/*Internet Explorer 9 y Opera*/
border-top-left-radius: 10px;border-top-right-radius: 5px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 2px;
No hay comentarios :
Publicar un comentario