Html 如何在CSS中使用偏移量实现双边框?

Html 如何在CSS中使用偏移量实现双边框?,html,css,web,Html,Css,Web,我需要能够创建这个双边框与CSS只。 简单的双边框确实很容易,但我需要第二个边框的偏移量。 有人知道怎么做吗? 谢谢使用box shadow您可以这样做 一个阴影将是纯色,然后我们使用第二个阴影覆盖内部 div{ 宽度:100px; 高度:100px; 边框:1px实心; 框阴影: 8px 8px 0px 1px白色 ,8px 8px 0px 2px黑色; } 该死,谢谢你,我玩了15分钟的方块阴影,但不知道你能翻倍!

我需要能够创建这个双边框与CSS只。

简单的双边框确实很容易,但我需要第二个边框的偏移量。

有人知道怎么做吗?


谢谢

使用
box shadow
您可以这样做

一个阴影将是纯色,然后我们使用第二个阴影覆盖内部

div{
宽度:100px;
高度:100px;
边框:1px实心;
框阴影:
8px 8px 0px 1px白色
,8px 8px 0px 2px黑色;
}

该死,谢谢你,我玩了15分钟的方块阴影,但不知道你能翻倍!