圆桌角落

Question

你能帮我把桌子转角吗？我尝试过简单的border-radius，但这只是在角落里分开了边框。这是由我的浏览器（Firefox）引起的还是它的错误？ Jsfiddle - http://jsfiddle.net/vuys8eef/

Answer 1

您还需要对表格的第一行和最后一行的第一列和最后一列进行圆角处理。

这样的事情：

var @Model.DivName = d3.select("@(Model.DivId)").append("svg")

您可以看到更新的fiddle

Answer 2

您将它应用于错误的元素，请改用它。

td, th{
   border-radius: 5px;
}

CODEPEN DEMO

Answer 3

你好你的代码很好，但你可以在表上使用overflow:hidden来隐藏里面的内容。这是一种方法：）

示例JSFIDDLE