css中的陰影框

我怎樣才能讓這些空間覆蓋這個盒子陰影？css中的陰影框

enter image description here

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

來源

2013-06-19 Manoj

爲什麼不'邊界bottom'和'邊境right' RGBA色彩重現，同時沒有空格框陰影作弊？ – Elyx0

@ Elyx0，爲什麼不沒有作弊？ – Manoj

試一下'box-shadow：3px 2px 0px 2px＃444;' – Elyx0

改變h-shadow和v-shadow將使包裝盒上的陰影。如果您希望陰影更近，請更改陰影的距離。

測試它here

來源

2013-06-19 05:47:24

那麼，談論更接近陰影不是一個好主意，還有更好的方法嗎？ – Manoj

試試這個：http://jsfiddle.net/stackmanoz/CwnFt/40/ –

使用接近陰影可能不會讓你起不了多大作用。相反，你可以使用背景屬性和位置... Here就是一個很好的例子。

來源

2013-06-19 05:55:19 Bhavik

試試這個： -

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

來源

2013-06-19 05:58:03

css中的陰影框

回答

相關問題