/ Published in: CSS
Border radius compatible con los navegadores Firefox, IE8, Safari, Chrome
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
-moz-border-radius: 10px; /* Firefox*/ -ms-border-radius: 10px; /* IE 8.*/ -webkit-border-radius: 10px; /* Safari,Chrome.*/ border-radius: 10px; /* El estándar.*/ //para los navegadores que no soportan como IE6 //CurvyCorners es un javascript que ejecuta rutinas dentro de la pagina buscando //la propiedad de bordes redondeados ya sea para Firefox o Safari, y dándole la //misma apariencia que en esos navegadores. //incluir en head <script src="curvycorners.js" type="text/javascript"></script> //Crear la clase .rCorners{ width: 220px; padding: 10px; background-color: #ECEFF5; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; } //Probar en un div <div class="rCorners"> Bordes redondeados con CSS. </div>