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

Question

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

Answer 1

Демо-версия

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

В этом примере будут созданы округленные границы на всех углах 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 3

Встроенный стиль все еще применяется к кодированию электронной почты.Так что это актуально.

Answer 4

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

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

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