Fernanda Civit

Bordes Redondos con CSS

/ / Augusztus 3, 2010 / / Programacion

W3C ofrece algunas opciones nuevas en cuanto 1 CSS3, de las cuales una es los Bordes redondeados. Tanto en Mozilla como en Safari 3 estas funciones ya se encuentran en praktika. La misma permite crear esquinas redondas sobre temas de Caja. Este es un ejemplo:

Usuarios de Mozilla y Safari deberian ver esta Caja con Bordes redondos

El código html de Arriba es siguiente el:
div style = "background-color: # CCC;-moz-border-radius: 5px;-webkit-border-radius: 5px; border: 1px solid # 000; padding: 10px;"

Estas diferentes esquinas Tambien pueden ser manejadas Cada por su una cuenta. Mozilla tiene Otros nombres para la función. Las cuales fia:
-Moz-border-radius-balfelső /-webkit-border-top-left-sugár
-Moz-border-radius-topright /-webkit-border-top-jobb-sugár
-Moz-border-radius-bottomleft /-webkit-border-bottom-left-sugár
-Moz-border-radius-bottomright /-webkit-border-bottom-jobb-sugár

Si queremos que las todas esquinas Sean redondas nem necesario es que todo escribamos ESE código en Nuestro CSS, egyéni Basta con poner:
-Moz-box-árnyék: 0 0 7px;
-WebKit-box-árnyék: 0 0 7px;