Css 如何用方块阴影技巧填充第一个方块？

我正在试验一些

框阴影

技巧，我无法填充第一个正方形（0[color]）

最好用以下示例进行解释：

.box{
宽度：90px；
位置：相对位置；
显示：内联块；
}
.盒子：以前{
内容：''；
宽度：45px；
高度：45px；
位置：绝对位置；
z指数：90；
盒影：0 0#ffff00，0-45px#ff00，-45px 0#ff00，45px 0#ff0000，0 45px#3333ff，45px 45px#00ff00；
}
.马克{
字体大小：45px；
宽度：45px；
文本对齐：居中；
位置：绝对位置；
}

?

第一个正方形（0,0）实际上是伪元素占用的空间，因此用

框阴影填充它的唯一方法是使用
插入阴影，如下面的代码段所示

无法使用正常的
框阴影
，因为正常阴影始终位于外部：）


.box{
宽度：90px；
位置：相对位置；
显示：内联块；
}
.盒子：以前{
内容：''；
宽度：45px；
高度：45px；
位置：绝对位置；
z指数：90；
盒影：0-45px#ffff00，-45px 0#ff00，45px 0#ff0000，0 45px#3333ff，45px 45px#00ff00，嵌入0 0 45px橙色；
}
.马克{
字体大小：45px；
宽度：45px；
文本对齐：居中；
位置：绝对位置；
}

?
将.box:before元素的背景色设置为黄色，并移除黄色框阴影。然后将z索引设置为-1以呈现问号

.box:before {
    content: '';
    width: 45px;
    height: 45px;
    position: absolute;
    z-index: -1;
    background-color: #FF0;
    box-shadow: 0 0, 0 0, 0 0, 45px 0 #F00, 0 45px #3FF, 45px 45px #0F0;
}

啊！对所以，如果你使用背景色：粉红色，它也是可以的，但插入看起来更好！哈哈，你在我发布simpel内容的同时进行了编辑@菲兰德霍夫斯：是的，
背景色
是其中一个选择（而且在动画方面可能更好，因为
盒影
非常昂贵）。我问这个问题真是太傻了，但插入解决方案是一个很好的方法@菲兰德霍夫斯：没关系，别为此自责。有时，当我们长时间看代码而忘记了一些基本的东西时，就会发生这种情况。新年快乐：）