当使用圆角边框时,背景色可能会超出边框半径。为了解决这个问题,我们可以使用CSS属性"background-clip",它控制背景画在哪个框盒里面。
例如,将"background-clip"设为"padding-box",使背景仅填充边框内部的空白:
div {
border-radius: 20px;
background-color: #f2f2f2;
padding: 20px;
background-clip: padding-box;
}
这样,背景就不会超出边框半径了。