css table 阴影

CSS表格是网页设计中常用的元素之一，能够为网页提供规整的排版和布局。但是很多时候不单单需要有一个规整的表格，还需要一些视觉效果来提高页面的美感。阴影是一个实现这种效果非常好的方法。

table {
  box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}

在CSS中给表格添加阴影，只需要使用 box-shadow 属性即可。这个属性有四个参数，分别是：

1. 横向偏移量
2. 纵向偏移量
3. 阴影的模糊半径
4. 阴影颜色

使用这个属性给表格添加阴影，可以非常方便地让表格看起来更加具有立体感和深度感。

当然，如果只是简单地给一个表格加上阴影效果会显得很单调，我们还可以对阴影的颜色和宽度进行调整，让效果更加丰富炫酷。下面是一个例子：

table {
  box-shadow: 5px 5px 10px rgba(0,0,0,0.5), -5px -5px 10px rgba(255,255,255,0.5);
}

这个例子中的表格有两层阴影，一层是黑色的阴影，另一层是白色的阴影。黑色的阴影在表格右下方，白色的阴影在表格左上方。通过这种方式，可以让表格看起来更加有层次感，同时也能够很好地融入到页面的整体设计当中。