内边框CSS-可能

我想知道是否有一个属性用于设置元素的外边框和内边框，例如，我希望将深灰色边框作为外边框，白色边框作为内边框。。我附上了一张图片来说明我的观点，我可以用两层来做到这一点，一层是深灰色边框的父层，另一层是白色边框的子层，但必须有更好和有效的方法。如果您有实现这一目标的正确概念，请提供指导。。谢谢你抽出时间。。干杯

您可以使用插入框阴影

button {
    border: solid 1px #aaa;

    // Adds the inner "border"
    box-shadow: 0 0 1px #fff inset;

    background-image: linear-gradient(to bottom, #cfcfcf 0%, #c0c0c0 100%);
    padding: 20px;
    border-radius: 10px;
}

如果要设置边框的“宽度”，可以使用第四个值。具有3px宽插入框阴影的示例：

box-shadow: 0 0 0 3px #fff inset;

---

有关长方体阴影的更多信息，请使用CSS3渐变。离开外边界，在距离边缘几像素的地方停下来。您可以在此处进行试验：

---

可能重复的可能重复的可能重复的可能重复的可能重复的是，最好和有效的方法：）这真是太酷了。。谢谢为我节省了一些时间。。谢谢……不客气！如果它解决了您的问题，请接受答案：）只适用于上/下或左/右边框，对吗？我打赌用这种方法实现这一点的代码看起来很糟糕。。。。