Fernanda Civit

Bordes Redondos Con CSS

/ / 3 August 2010 / / Programacion

W3C ofrece algunas opciones Nuevas en cuanto en CSS3, de las cuales una es los Bordes redondeados. Tanto da Mozilla como da Safari 3 estas funciones ya selv encuentran en practica. La misma permite crear Esquinas redondas sobre temas de Caja. Este es un ejemplo:

Usuarios de Mozilla y Safari deberían ver esta caja con 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 søn:
-Moz-border-radius-øversteVenstre /-webkit-border-top-venstre-radius
-Moz-border-radius-topright /-webkit-border-top-højre-radius
-Moz-border-radius-bottomleft /-webkit-border-bottom-venstre-radius
-Moz-border-radius-bottomright /-webkit-border-bottom-højre-radius

Si queremos que Todas las Esquinas Sean redondas ingen es necesario que escribamos todo ese Código da Nuestro CSS, solo basta Con poner:
-Moz-box-shadow: 0 0 7px;
-WebKit-box-shadow: 0 0 7px;