css - 如何使用 CSS3 制作内边框？

Question

如何使用 CSS3 制作内边框？

也就是说，边框不是从元素的活动/填充区域向外延伸，而是向内延伸，重叠其内容？

如果可能的话，如果可以用最少的 CSS 规则来完成，我将不胜感激。

Answer 1

尝试使用 box-shadow（和供应商特定的子集）。
例如：

-moz-box-shadow: inset #B3B3B3 0 -1px 0 0;
-webkit-box-shadow: inset #B3B3B3 0 -1px 0 0;
box-shadow: inset #B3B3B3 0 -1px 0 0;