html - 一定 Angular table Angular

Question

我正在尝试开发右边框/Angular 具有特定 Angular (30°) 的表格。我见过一些类似的解决方案，但它们都无法在一定程度上发挥作用。如果我想从 30° 改变到 20°，我不想花太多力气。

我希望你能进一步帮助我解决这个问题，因为我的解决方案都不起作用。

没关系，如果我在表格或 div 上使用它，只要解决方案有效即可。

非常感谢

Answer 1

您可以使用 border-raduis 属性，对于您的情况，您可以使用 border-top-right-radius 属性定义 < strong>右上角。

td {
  width:50px;
  height:50px;
  display:inline-block;
  border:1px solid #000;
}
table{

 border:2px solid blue;
 border-top-right-radius : 10px;
 border-bottom-right-radius : 10px;

}

<table>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
</table>