css边框inside

CSS的边框有三种盒模型：content-box、border-box和padding-box。其中，content-box是默认值，边框线是从盒子的外边缘开始绘制的，也就是说，边框线是在盒子内部的。

如果想让边框线在盒子内部绘制，可以使用padding-box或border-box。其中，padding-box是指边框线绘制在padding内边缘，而border-box是指边框线绘制在border内边缘。可以使用CSS的box-sizing属性来设置盒模型的类型，取值可以为content-box、border-box和padding-box中的任意一个。例如：

div {
  box-sizing: border-box;
  border: 10px solid black;
  padding: 20px;
}

这个例子中，使用border-box盒模型，边框线绘制在padding内边缘。所以，盒子的总宽度为：2 * 10px（边框线宽度） + 2 * 20px（padding宽度） + 内容宽度。