求问，如何让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