我想在a上设置背景和圆角边框<tbody/>,例如
tbody { border-radius: 15px; border: 1px solid black; background: #ccf; }
Run Code Online (Sandbox Code Playgroud)
但是,当我在Codepen中尝试这个时,边框和背景颜色显示,但<tbody/>仍然有方角.
我能够使用一系列:last-child和:first-child选择器来解决这个问题,将半径应用于td角落上的各个s,例如
tbody tr:first-child td:first-child { border-top-left-radius: 15px; }
Run Code Online (Sandbox Code Playgroud)
这个版本做什么,我希望(至少,火狐下),但也觉得非常详细和哈克,一个问题,当我添加前缀版本兼容性(那会变得更糟-moz-,-webkit-等等),并支持<th/>除了元素<td/>.是否有一种简洁,纯粹的css方式来获得这种行为?