HTML表格最大单元格边框半径

时间:2013-11-23 23:11:13

标签: html css

所以我有一个有趣的问题/问题我正在尝试使一个表有完整的圆形单元格来显示数据。所以我测试的是不同的边界半径,我开始用5px然后15px等。但是表的半径细胞似乎不会增加超过15px。

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

有谁知道为什么半径不会变大,是否可以使表格单元格完全圆形。

1 个答案:

答案 0 :(得分:0)

问题是要使元素与border-radius成圆形,要制作圆形的元素必须具有相同的高度和宽度。如果你有一个固定的高度/宽度,只需将css height设置为与width相同,反之亦然(如果使用的是百分比,则需要视口相对{{1} }和vh而不是百分比)。如果你没有设置高度/宽度,你应该创建一些为你做的JavaScript(获取计算样式,然后将未知维度设置为该值,或类似的东西)