CSS - 是否可以在框阴影上添加边框？

Question

可以给a添加边框吗box-shadow？

我想创建一个带有彩色偏移量的类，该偏移量用黑色边框勾勒出。

现在我知道我可以创建一个 div 并偏移它以获得所需的外观，但我想知道是否可以在没有这个的情况下做到这一点，所以我可以创建一个类并将其添加到我也想这样做的 div 中。

我附加了一个显示颜色偏移的片段，但我希望红色偏移在黑色边框中勾勒出轮廓。

.example-div{
  width: 100px;
  height: 100px;
  border: 1px solid black;
  box-shadow: -5px 5px red;
}

<div class="example-div">
</div>

Answer 1

You can add additional box-shadows to your div to get that effect. For your case update your box-shadow property to something like this

box-shadow: -5px 5px red, 
    -5px 5px 0px 3px black;

This resource has tons of more info about box-shadows and it's syntax https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow if you want to follow.