如何讓陰影出現在桌面上的邊界之間？

Question

編輯：感謝所有的幫助！成品表是在這裏：http://jsfiddle.net/MnLkD/

我想獲得一個陰影出現其間的邊界在此表：

http://jsfiddle.net/g2fy4/

我猜這也許是不可能的，但認爲我會問無論如何專家： - P。我曾嘗試設置2px的邊框間距，無邊框，並將投影分配給th和td標籤，但它不起作用。

如果任何人有任何想法，我將是輸入:-)

#content.postagepage table { 
    margin:0 auto 40px auto; 
    border-spacing:0; 
    -webkit-box-shadow:7px 7px 10px rgba(0, 0, 0, 0.5); 
    -moz-box-shadow:7px 7px 10px rgba(0, 0, 0, 0.5); 
    box-shadow:7px 7px 10px rgba(0, 0, 0, 0.5); 
} 

Answer 1

感激你想達到這樣的事： http://img856.imageshack.us/img856/8865/tableim.jpg ？

我唯一的想法目前設置幾個絕對定位的div表（但隨後表單元格的寬度和高度應設置），以及箱陰影添加到這些div ...

Answer 2

這聽起來像你想要這樣做？

http://jsfiddle.net/b9chris/sXQvp/

CSS：

div { 
    width: 100%; height: 100%; 
    -webkit-box-shadow:7px 7px 10px rgba(0, 0, 0, 0.5); 
    -moz-box-shadow:7px 7px 10px rgba(0, 0, 0, 0.5); 
    box-shadow:7px 7px 10px rgba(0, 0, 0, 0.5); 
} 

HTML：

<table> 
<tr><td><div>Hi</div></td><td><div>Hi</div></td></tr> 
<tr><td><div>Hi</div></td><td><div>Hi</div></td></tr> 
</table> 

基本上答案是，你不能僅就此發生與TD標記，但你可以換電池標籤中的內容像divs，而不是style。

Answer 3

你是什麼意思？ （劃痕頭）

http://jsfiddle.net/g2fy4/2/

我所做的只是改變了黑影從table到td並確保有邊框間距的項目。

#content.postagepage table { 
    margin:0 auto 40px auto; 
    border-spacing:3px; 
} 
#content.postagepage td { 
    -webkit-box-shadow:7px 7px 10px rgba(0, 0, 0, 0.5); 
    -moz-box-shadow:7px 7px 10px rgba(0, 0, 0, 0.5); 
    box-shadow:7px 7px 10px rgba(0, 0, 0, 0.5); 
} 

如果要對td元素進行陰影處理，請將其放置在td元素上！