在網頁設計中，常常會用到表格來展示數據，而加上陰影效果則可以使表格更加立體、有層次感。下面我們就來介紹一種使用CSS實現表格周圍加陰影的方法。

table {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
border-collapse: separate;
border-spacing: 0;
}
th,
td {
padding: 5px;
border: 1px solid #ccc;
}

如上所示，這就是實現表格周圍加陰影的簡單CSS代碼。其中，box-shadow是用來添加陰影效果的關鍵CSS屬性，其屬性值由四個參數組成，分別是水平偏移量、垂直偏移量、模糊度和陰影顏色。具體來說，值的意義如下：

• 水平偏移量：陰影的水平偏移量，正值表示陰影沿著X軸向右偏移，反之則向左偏移。
• 垂直偏移量：陰影的垂直偏移量，正值表示陰影沿著Y軸向下偏移，反之則向上偏移。
• 模糊度：陰影的模糊度，值越大陰影越模糊，反之則越清晰。
• 陰影顏色：陰影的顏色，可以使用rgba()、hsla()等顏色表示方式。

另外，我們還需要用到border-collapse和border-spacing兩個CSS屬性來控制表格的邊框和單元格之間的距離。其中，border-collapse屬性用來指定是否合并相鄰單元格的邊框，其可選值包括collapse和separate兩種，前者會將相鄰邊框合并為一條實線邊框，后者則會保留各自的邊框；而border-spacing則用來控制單元格之間的距離，它的屬性值表示橫向和縱向的間距（如果只設置一個值，則表示橫向和縱向的間距相同）。

最后，需要注意的是，在將box-shadow應用于表格元素時，會將陰影投射到其周圍的內容區域中，因此我們需要在表格外圍再添加一個包裹元素，并為其設置一定的內邊距，以保證陰影不會被其他元素遮擋。