求问，如何让css背景色不填充边框

Question

例如定义一个div样式：  width: 100px;   height: 100px;   background-color: #131212;   border: solid 10px rgba(249, 249, 249, 0.2);背景色只填充100px,100px部分，不填充边框10px部分，怎么写css???

Answer 1

background-clip的值
padding-box： 从padding区域（不含padding）开始向外裁剪背景。
border-box： 从border区域（不含border）开始向外裁剪背景。
content-box： 从content区域开始向外裁剪背景

Answer 2

使用outline代替border:

outline: 10px solid RGBA(0, 0, 0, 0.03);

background-color: #A5DC86;

Answer 3

用outline

Answer 4

直接定义背景的区域就可以，我现在记不清是background-position还是background-origin,一般默认背景是padding-box的。

Answer 5

background-origin:padding-box