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

Question

我有以下标记：http://www.webdevout.net/test?011 如您所见，“li”元素与为框定义的圆形边框重叠。

有没有办法防止这种情况直接将角落应用到最后一个“li”？

由于

Answer 1

您可以将背景颜色移至.box并从上一个li移除边框底部：

.box {
    background-color: #E6E6E6;
}

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

在旁注中，您不需要周围的div，只需将.box课程添加到ul。