2011-12-23 17 views

Respuesta

13

Live Demo

table{ 
    background: red; 
    border-radius:10px; 
    -moz-border-radius:10px; 
    -webkit-border-radius:10px; 
} 

suspiro y en línea ...

<table style="background: red;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;"> 

No estoy seguro de lo que entendemos por la conversión de la célula a un div embargo.

+0

em ... ¿por qué suspirar? –

+0

Porque debe intentar nunca usar estilos en línea, son terribles cuando se trata de mantenimiento. – Loktar

+0

Lo sé, es la única tabla de prueba. –

2

Sí, puedes hacer esto. prueba el siguiente código

#example1 { 
-moz-border-radius: 5px; 
-khtml-border-radius: 5px; 
-webkit-border-radius: 5px; 
} 

Para más detalles, utilice this tutorial.

4

En este ejemplo se va a crear bordes redondeados en todas las esquinas de 5 px

#example{ 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px; 
} 

Si desea diferentes bordes redondeados en diferentes ángulos o esquinas redondeadas específicas modifican el código de abajo

#example1{ 
-webkit-border-top-left-radius: 5px; 
-webkit-border-top-right-radius: 10px; 
-webkit-border-bottom-right-radius: 20px; 
-webkit-border-bottom-left-radius: 15px; 
-moz-border-radius-topleft: 5px; 
-moz-border-radius-topright: 10px; 
-moz-border-radius-bottomright: 20px; 
-moz-border-radius-bottomleft: 15px; 
border-top-left-radius: 5px; 
border-top-right-radius: 10px; 
border-bottom-right-radius: 20px; 
border-bottom-left-radius: 15px; 
} 

Salida http://border-radius.com/

2

El estilo en línea aún se aplica a la codificación de correo electrónico. Entonces es relevante.