css - CSS中的盒子阴影

Question

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

CSS-

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

只是一个小提琴

Answer 1

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

Answer 2

尝试这个：-

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

Answer 3

更改h-shadowandv-shadow会将阴影定位在盒子上。如果您希望阴影更近，请更改阴影的距离。

在这里测试