如何使 HTML table 具有圆角(Bootstrap 4)?

How to have this HTML table with rounded corners (Boostrap 4)?

我试过使这个 table 的边角变圆,但是 none 次尝试成功了:

这是Fiddle

我试过这个答案的 ,尝试使用 table-bordered,但 none 有效。

感谢您的帮助。

使用 Bootstrap 4 实现带有圆角的 table 的简单方法是用 "card" class 将 table 包裹在 div 内,像这样:

<div class="card">
  <table>
    ...
  </table>
</div>