Округлые углы стола без фонового изображения?

Question

Возможно ли использовать круглые углы стола (inline) без использования фонового изображения?

Answer 1

Live Demo

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

Вздох и встроенный ...

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

Не совсем уверен, что вы имеете в виду путем преобразования ячейки в DIV, хотя.

Answer 2

Да, вы можете это сделать. попробуйте приведенный ниже код.

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

Для получения более подробной информации используйте this учебник.

Answer 3

Этот пример будет создавать закругленные границы на всех углах 5 пикс

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

Если вы хотите различные округлые границы по разным углам, или конкретные закругленными углами изменить код, приведенный ниже

#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; 
} 

Отъезд http://border-radius.com/

Answer 4

Inline-стиль по-прежнему применяется к кодировке электронной почты. Так что это актуально.