我正在尝试将 td 元素的圆角和 tr 元素的边框底部组合在表格中,以获得类似标签的外观(我无法更改 html 结构)。
演示:http: //jsfiddle.net/VvdBQ/
代码:
table#one {width:100%;border-spacing:0;border-collapse:separate;}
tr {border-bottom:5px solid red;}
td {font-weight:bold;text-align:center;background:blue;border-radius:15px 15px 0 0;border:1px solid green;}
我的问题(在 Chrome 中查看):
- 拐角正确圆角,
border-collapse:separate
但我看不到底部边框 - 与之
border-collapse:collapse
相反
我怎样才能让角落和底部边框都正确?