html - CSS 圆形边框

Question

我有一个表格，我想将您在下面看到的边框的拐 Angular 处环绕起来。我希望勾勒出表格轮廓的边框相交并呈圆形。

我已经尝试过 border-radius 方法，但它产生了这个。它使容器变圆，这是我不想要的。

我也查看了 CSS border-style 属性，但它没有圆形边界交叉点的选项。如果有人可以提供帮助，将不胜感激!

编辑

我创建了一个 JSFiddle用我的 HTML 和 CSS。

Answer 1

第一个 Angular 因标签而被移除。这是一个 FIDDLE

.tab-content {
  border-radius: 0 30px 30px 30px;
  -moz-border-radius: 0 30px 30px 30px;
  -webkit-border-radius: 0 30px 30px 30px;
}