在css的框阴影

Question

我怎样才能让这个空间覆盖这个空白框？

CSS -

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

Just a fiddle

Answer 1

更改h-shadow和v-shadow会将阴影置于方框上。 如果希望阴影更近，请更改阴影的距离。

测试here

Answer 2

使用近距阴影可能不会对你产生那么大的影响。相反，您可以使用背景属性和位置...... Here就是一个很好的例子。

Answer 3

试试这个： -

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