css中的框阴影

我怎样才能让这些空间被这个盒子阴影覆盖

CSS-

.button
{
  height:24px;
  width:120px;
  background:black;
  position:absolute;
  border-radius:2px;
  padding:3px;
  box-shadow:4px 4px 0px 0px #444;
}

---

更改

h-shadow

和

v-shadow

将阴影定位在框上。 如果希望阴影更近，请更改阴影的距离

---

测试它

使用近距离阴影可能不会得到那么多效果。相反，您可以使用背景属性和位置。。。这是一个很好的例子。

试试这个：-

.button
{
height:24px;
width:120px;
background:black;
position:absolute;
border-radius:2px;
padding:3px;
box-shadow:2px 2px 0px 2px #444; // changed
}

---

为什么不使用

边框底部

和

边框右侧

rgba颜色进行作弊，以在没有空格的情况下再现方框阴影？@Elyx0，为什么不使用作弊？我们可以尝试使用

方框阴影：3px 2px 0px 2px#444@Elyx0，没关系，如果我需要我用过的同样的阴影怎么办？你说的“同样的阴影”是什么意思？好吧，谈论更近的阴影不是个好主意，有更好的方法吗？