HTML表格最大單元格邊框半徑

Question

所以我有一個有趣的問題/問題我試圖讓表格有完全的圓形單元來顯示數據。所以我測試了不同的邊框半徑，我開始用5px然後15px等。但表格單元格的半徑似乎不會超過15px。

.calendar.rounded td{ 
border:solid 1px #de6457; 
border-radius: 20px !important; 
} 

有沒有人知道爲什麼半徑不會變大，是否有可能使表格單元格完全循環。

Answer 1

問題是，要使元素與border-radius一起循環，您製作圓形的元素必須具有相同的高度和寬度。如果您有固定的高度/寬度，只需將css height設置爲與width相同（反之亦然）（但如果您使用的是百分比，則需要視口相對的vh和vw而不是百分比）。如果你沒有設置高度/寬度，你應該創建一些JavaScript代碼（獲取計算樣式，然後將未知尺寸設置爲該值或類似的東西）