如何使用CSS3制作内边框?

Not*_*ice 12 css css3

如何使用CSS3制作内边框?

也就是说,它不是从元素的活动/填充区域向外延伸的边界,而是向内延伸,与其内容重叠?

如果可以用最少的CSS规则完成,我会很感激,如果可能的话.

ima*_*tty 23

尝试使用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;
Run Code Online (Sandbox Code Playgroud)