html - 如何在选定的列表项上绘制倒圆 Angular ？

Question

让我们假设一组方框，一个在另一个下方，由一些边框分隔。

如果我设置其中一个框，它应该有 top-left-border-radius 和 bottom-left-border-radius

同样对于上面的盒子，右下角的边框半径应该在不影响边框流动的情况下，并且所选盒子下面的盒子应该有右上角的边框半径而不影响边框的流动。

图片已提供。

Answer 1

试试这个 https://plnkr.co/edit/dN4LqEQGIG6hmegl7DRV?p=preview

                .box:nth-child(even){
              border: 1px solid #000;
              border-top-left-radius: 6px;
              border-bottom-left-radius: 6px;
              border-right:none;
              border-top:none;
              border-bottom:none;
            }

            .box:nth-child(odd){
              border: 1px solid #000;
              border-top-right-radius: 6px;
              border-bottom-right-radius: 6px;
              border-left:none;
              margin-left:4px;
            }