Css 每个值都不同的内边框

如何使用不同的值制作内边框？例如：

顶部：20px
右：80px
底部：40px
左：10px

我想做的例子

---

谢谢。：）

您可以使用

box shadow

---

内边框：你是说填充吗

如果是：

填充：20px 80px 40px 10px//左上右下

否则，如果你真的是指边界：

border-top: 20px solid #color;
border-right: 80px solid #color;
border-left: 10px solid #color;
border-bottom: 40px solid #color;

也可以通过CSS3框阴影来实现，要使其成为内边框，在元素上使用两个框阴影，用逗号分隔，并在第二个集合上使用负值。
像这样：

box-shadow: inset 10px 20px 0px #000, inset -80px -40px 0px #000;

下面是一个JSFIDLE演示：

这是跨浏览器兼容的CSS：

-webkit-box-shadow:inset 10px 20px 0px #000, inset -80px -40px 0px #000;
-moz-box-shadow:inset 10px 20px 0px #000, inset -80px -40px 0px #000;
box-shadow:inset 10px 20px 0px #000, inset -80px -40px 0px #000;

请注意，如果您需要它与不支持方框阴影的旧IE版本兼容，可以使用CSS3pie：

希望这有帮助。
您是否尝试过
边框顶部：…
边框右侧：…
？它仅用于外部边框，而不是内部边框。：）没有所谓的内边界。你只能用黑客来模拟它。如果您可以编辑您的问题，以显示您当前正在使用什么黑客来模拟内部边界，那就更好了。您好@Yiedpozi，请查看我的答案，并让我知道这是否有帮助；-）