我怎样才能让这些空间被这个盒子阴影覆盖?
CSS-
.button
{
height:24px;
width:120px;
background:black;
position:absolute;
border-radius:2px;
padding:3px;
box-shadow:4px 4px 0px 0px #444;
}
我怎样才能让这些空间被这个盒子阴影覆盖?
CSS-
.button
{
height:24px;
width:120px;
background:black;
position:absolute;
border-radius:2px;
padding:3px;
box-shadow:4px 4px 0px 0px #444;
}
使用近距离阴影可能不会给你带来那么大的效果。相反,您可以使用背景属性和位置......这是一个很好的例子。
尝试这个:-
.button
{
height:24px;
width:120px;
background:black;
position:absolute;
border-radius:2px;
padding:3px;
box-shadow:2px 2px 0px 2px #444; // changed
}
更改h-shadow
andv-shadow
会将阴影定位在盒子上。如果您希望阴影更近,请更改阴影的距离。
在这里测试