内边框通常指padding或通过box-shadow: inset模拟的视觉效果。1. 内边距（padding）控制内容与边框间的空间，配合box-sizing可精准控制布局；2. 视觉内边框可用box-shadow: inset实现，如inset 0 0 0 2px #007acc，不影響尺寸且呈現內部邊框效果。根據需求選擇留白或繪線方案。
内边框在CSS中其实没有直接叫“内边框”的属性，但通常所说的“内边框”可能是指元素内容与边框之间的 内边距（padding），或者是通过特殊方式实现的视觉上的“内部边框效果”。下面从两个角度来理解：
1. 内边距（padding）——内容和边框之间的空间
这是最常被误解为“内边框”的部分。padding 不是边框，但它控制内容与边框之间的距离。
例如：box-sizing: border-box; 会影响 padding 的表现方式。当设置为 border-box 时，padding 和 border 都会被包含在元素的总宽度和高度内，这样更容易控制布局。
示例代码：
width: 200px;
padding: 20px;
border: 5px solid #000;
如果 box-sizing: content-box（默认），实际占用宽度是 200 + 40(padding) + 10(border) = 250px。
如果 box-sizing: border-box，width 200px 就包含了 padding 和 border，内容区域会自动缩小。
2. 视觉上的“内边框”效果
有时候设计师想要一个看起来像“边框在内部”的效果，比如边框贴在盒子内部，而不是外围。这可以通过以下方式模拟：
立即学习“前端免费学习笔记（深入）”；
- 使用 outline 配合偏移，但不常用
- 使用 box-shadow: inset 模拟内边框
- 使用伪元素（如 ::before）定位在内部画一条线
box-shadow: inset 0 0 0 2px #007acc;
这个效果看起来像一个蓝色的细内边框，且不会影响布局（不像 border 会增加尺寸）。
基本上就这些。所谓“内边框”，本质是理解 padding 的作用或借助其他属性实现视觉效果。关键在于明确需求：是要留白？还是要画一条线？根据目的选择合适的方法。不复杂但容易忽略细节。
