我正在尝试创建一个两边都有圆形顶部边框的表格,但表格的其余边框是方形的。
当我应用这个 CSS 时,边框仍然是方形的,但background-color
确实会被四舍五入,这会产生一种奇怪的外观:
table {border-collapse:collapse}
th {border-top:1px solid red; width:70px}
th, td {text-align:left; background-color:#cccccc}
th.header1 {border-top:1px solid red; border-left:1px solid red; border-top-left-radius:20px}
th.header2 {border-top:1px solid red; border-right:1px solid red; border-top-right-radius:20px}
结果是这样的:
如何“圆”左上/右上标题单元格中的边框,以便红色边框跟随背景?
请参阅JSFiddle以获取工作示例。