内边框CSS - 可能

Question

我想知道是否有一个属性来设置元素的外边框和内边框,例如我想要将深灰色边框设置为外边框,将白色设置为内边框..我附加了一个图像以使我的观点清晰,我可以这有两层,一个是深灰色边框的父母,另一个是白色边框的孩子,但必须有一个更好,更有效的方法.如果您有正确的理念来实现这一点,请指导..感谢您的时间..干杯

Answer 1

您可以使用插入框阴影.DEMO

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;

有关盒阴影的更多信息,MDN