Advanced Search

Border redondeado css3

/ Published in: CSS
Save to your folder(s)
Border radius compatible con los navegadores Firefox, IE8, Safari, Chrome

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. -moz-border-radius: 10px; /* Firefox*/
  2. -ms-border-radius: 10px; /* IE 8.*/
  3. -webkit-border-radius: 10px; /* Safari,Chrome.*/
  4. border-radius: 10px; /* El estándar.*/
  5.  
  6. //para los navegadores que no soportan como IE6
  7. //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.  
  8.  
  9. //incluir en head
  10. <script src="curvycorners.js" type="text/javascript"></script>
  11.  
  12. //Crear la clase
  13. .rCorners{
  14. width: 220px;
  15. padding: 10px;
  16. background-color: #ECEFF5;
  17. -webkit-border-radius: 6px;
  18. -moz-border-radius: 6px;
  19. -ms-border-radius: 6px;
  20. }
  21.  
  22. //Probar en un div
  23. <div class="rCorners">
  24.     Bordes redondeados con CSS.
  25. </div>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.