内边框CSS - 可能

Question

我想知道是否有用于设置元素的外边框和内边框的属性，例如我希望将深灰色边框设置为外边框，将白色设置为内边框..我已附加图像以使我的观点清晰，我可以做2层，一个作为父母，深灰色边框，另一个作为带有白色边框的孩子，但必须有一个更好，更有效的方法。如果您有正确的理念来指导您，请指导..感谢您的时间..欢呼

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

Answer 2

改用CSS3渐变。离开外边框并从边缘停止几个像素。你可以在这里试验一下：

http://www.colorzilla.com/gradient-editor/