css中怎么设置方框填充

CSS中设置方框填充是一个常见的需求，同时也是一项基础技能。这里主要介绍两种设置方框填充的方法。

方法1：使用padding属性。padding属性用于设置元素内边距，它可以同时设置上下左右四个方向的内边距。下面是一个例子：

.box {
  width: 200px;
  height: 100px;
  padding: 20px;
  border: 1px solid #000;
} 

在上面的例子中，box元素的内部宽度为200-2*1-2*20=158px，内部高度为100-2*1-2*20=58px。padding的值为20px，表示每个方向的内边距都为20px。

方法2：使用box-sizing属性。box-sizing属性用于设置盒模型的计算方式，它有两个值：content-box和border-box。content-box是默认值，它表示盒模型中宽度和高度只包括内容区域，不包括内边距和边框。border-box表示盒模型中宽度和高度包括内容区域、内边距和边框，例如：

.box {
  width: 200px;
  height: 100px;
  padding: 20px;
  border: 1px solid #000;
  box-sizing: border-box;
} 

在上面的例子中，box元素的内部宽度为200-2*20=160px，内部高度为100-2*20=60px。box-sizing的值为border-box，表示盒模型中宽度和高度包括内容区域、内边距和边框。

综上所述，padding属性和box-sizing属性都可以用于设置方框填充。需要根据实际需求选择使用哪种方法。同时应该注意，使用padding属性会影响元素的大小，而使用box-sizing属性不会影响元素的大小。