CSS边框半径-子重叠父元素

我有以下标记： 如您所见，“li”元素与为长方体定义的圆形边框重叠

---

除了将角直接应用于最后一个“li”之外，还有什么方法可以防止这种情况

---

谢谢

您可以将背景颜色移动到

.box

并从上一个

li

中删除边框底部：

.box {
    background-color: #E6E6E6;
}

#vmenu li:last-child a {
    border-bottom: none;
}

---

另一方面，您不需要周围的

div

，只需将

.box

类添加到

ul

“除了将角点直接应用到最后一个“li”之外，还有什么方法可以防止这种情况吗？”——不幸的是没有。