Question

违规代码的JSFiddle：Fiddle

具体如下：

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

我正在制作一份时间表。整个表格的背景背景颜色为.5 alpha，因此页面背景显示。在安排某些事情时，各个块以特定颜色突出显示。这些单元格中的第一个和最后一个具有半径。

理想情况下，我希望能够在角落中保持.5 alpha背景，其中半径会留下一些白色。我尝试在tr元素上设置背景，但这并没有持久化（被类推翻）。 Div似乎是一个不错的选择，但我不想要单元格之间的边界（这里不是为了简单起见），而div在这种情况下似乎不允许这样做。

Answer 1

在background-color元素上设置table：

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