CSS 如何使用 CSS3 制作内边框？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/11380212/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
How can I make inner border using CSS3?
提问by Notice
How can I make an inner border using CSS3?
如何使用 CSS3 制作内边框？
That is, instead of the border extending outwards from the active/padding area of the element, it extends inwards, overlapping its contents?
也就是说，边框不是从元素的活动/填充区域向外延伸，而是向内延伸，重叠其内容？
I'd appreciate it if it could be done with a minimum of CSS rules, if it is possible at all.
如果可以的话，如果可以用最少的 CSS 规则来完成，我将不胜感激。
回答by imakeitpretty
Try using the box-shadow (and vendor specific subsets).
For example:
尝试使用 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;
