table中给某一个tr设置border-radius无效
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
table{
border:solid 1px #ddd;
}
th{
border-right: solid 1px #ddd;
border-bottom: solid 1px #ddd;
}
td{
border-right: solid 1px #ddd;
border-bottom: solid 1px #ddd;
}
th:last-child{
border-right: 0;
border-bottom: 0;
}
th:last-child{
border-right: 0;
border-bottom: 0;
}
</style>
</head>
<body>
<table border="0">
<tr style="background:#ddd;border-radius: 25px;">
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
</body>
</html>效果
要怎么改才能让tr上有圆角
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
https://drafts.csswg.org/css-...
不可以给tr/table(border-collapse 为 collapse)设置，只能用td/th hack下