关于调整边框与元素的内外距离，有两个CSS属性可以使用：padding和margin。padding用于控制元素内部与边框之间的距离，margin则用于控制元素与周围元素之间的距离。
下面是一个展示padding和margin属性的例子：
这是一个演示边框距离内外的例子。
上面的代码中，border属性用于添加一个1像素的黑色实线边框。padding属性用于在边框与内部文本之间添加10像素的距离，这意味着文本离边框有一段空白。margin属性则用于在元素与周围元素之间添加10像素的距离。
有时候，大家希望调整元素的内外距离，但不想同时影响到元素的宽度或高度。在这种情况下，大家可以使用box-sizing属性。默认情况下，元素的宽度和高度是指content-box的大小（即不计算padding和border的部分），但如果大家设置box-sizing为border-box，则元素的大小包括padding和border的部分。
下面是一个展示box-sizing属性的例子：
这是一个演示box-sizing属性的例子。
上面的代码中，box-sizing属性被设置为border-box。由于该属性的存在，元素的宽度和高度包括padding和border的部分。因此，元素的实际宽度是200像素+2像素的边框+20像素的padding，即222像素；实际高度为100像素+2像素的边框+20像素的padding，即122像素。
以上是关于CSS中边框距离内外的基本介绍，希望对你有所帮助。