給表格圓角（或內容）

Question

是否可以給表格單元或其內容在CSS中舍入邊緣。

我沒有包含代碼，因爲它只是一個空白表。

Answer 1

是的。只要邊界沒有摺疊，它的工作方式與您所期望的幾乎一樣。

td { 
    border: 0.1em solid black; 
    border-radius: 1em; 
} 

demo

可以有多好讓它看起來是另一回事完全=）

Answer 2

@minitech是正確的，所以：如果你正在使用table{border-collapse: collapse;}，你可以換你td的內容例如，以div爲例，然後將圓角應用到div：

例如，請參閱此JSFiddle：

*{margin:0;padding:0;border:0;} 
table{border-spacing: 0;} 
td 
{ 
    border: 1px solid black; 
    border-radius: 10px; 
} 

.with 
{ 
    border-collapse: collapse; 
} 
.with td 
{ 

    border: 0; 
} 
.with td > div 
{ 
    border: 1px solid black; 
    border-radius: 10px; 
}