Fernanda Civit

Bordes Redondos con CSS

/ / 3 AUGUSTI 2010 / / Programacion

W3C ofrece algunas opciones Nuevas en cuanto en CSS3, de las cuales una es los Bordes redondeados. Tanto en Mozilla Como en Safari 3 estas funciones ya se encuentran en Pràctica. La misma permite crear Esquinas redondas sobre temas de caja. Este es o ejemplo:

Usuarios de Mozilla y Safari deberian ver esta caja kon Bordes redondos

El Código html de Arriba es el siguiente:
div style = "background-color: # ccc;-Moz-border-radius: 5px,-webkit-border-radius: 5px; kant: 1px solid # 000; padding: 10px;"

Estas diferentes Esquinas también pueden Ser manejadas cada una por su cuenta. Mozilla tiene Otros nombres para la función. Las cuales son:
-Moz-border-radius-topLeft /-webkit-border-top-vänster-radius
-Moz-border-radius-Fikaträffar /-webkit-border-top-right-radius
-Moz-border-radius-bottomleft /-webkit-border-bottom-left-radius
-Moz-border-radius-bottomRight /-webkit-border-bottom-right-radius

Si queremos que todas las Esquinas sean redondas inte es necesario que escribamos todo ese Código en Nuestro CSS, solo Basta con poner:
-Moz-box-shadow: 0 0 7PX;
-Webkit-box-shadow: 0 0 7PX;