html - 允许背景颜色与定义的背景颜色/边框半径保持一致？

Question

违规代码的JSFiddle：Fiddle

具体如下：

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

我正在处理时间表。整个表格的背景在背景颜色上具有 0.5 的 alpha，因此页面的背景显示出来。当安排了某些事情时，相应的块会以特定的颜色突出显示。这些单元中的第一个和最后一个有一个半径。

理想情况下，我希望能够在角落保留 0.5 alpha 背景，半径留下一些白色。我尝试在 tr 元素上设置背景，但这并没有持续（被班级否决）。div 似乎是一个不错的选择，但我不想要单元格之间的边界（为简单起见，这里没有做），在这种情况下，div 似乎不允许这样做。

score 5 · Accepted Answer

background-color在table元素上设置：

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

1 回答 1