css - 给 div 上色而不给填充区域上色

Question

如果我有一个 div:

<div></div>

还有一些CSS来给它一个颜色:

div {
    width: 200px;
    height: 200px;
    padding: 20px;
    background-color: red;
}

然后它也为填充区域着色。有没有办法在不更改边框或边距属性的情况下避免这种情况？

Answer 1

你可以使用

background-clip: content-box;