允许 <tr> 保留定义的背景色 <td> 背景颜色/边界半径？

Question

JSF令人反感的代码的中间部分： Fiddle

具体来说，像：

.start{
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}

我正在制定时间表。 整个表格的背景在背景颜色上带有0.5的alpha，因此该页面的背景会显示出来。 计划了某些内容后，相应的块将以特定的颜色突出显示。 这些单元的第一个和最后一个具有半径。

理想情况下，我希望能够在半径保留一些白色的角落中保留.5 alpha背景。 我尝试在tr元素上设置背景，但是并没有持久（被类否决）。 Divs似乎是一个不错的选择，但我不希望像元之间有边界（为简单起见，此处不做说明），在这种情况下，divs似乎不允许这样做。

Answer 1

在table元素上设置background-color ：

table {
    border-spacing: 0;
    background-color: rgba(0,0,0,0.5);
}
td {
    border: 1px solid red;
    width: 75px;
    height: 50px;
}