html - 向表格的所有侧面添加 CSS 阴影

Question

这是给初学者的建议，请不要告诉我为什么不应该使用表格。

如何使用 CSS 将阴影添加到表格的所有边缘？还有我应该把它放在哪里？以及如何将其链接到表格？

<table width="80%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>

Answer 1

您可以使用 CSS box-shadow 属性。

box-shadow: 8px 5px 5px 0px #aaa;

如果您对 CSS 还不熟悉，那么有一些网站可以为您做到这一点。 This one作为 Google 的第一个结果出现。

因此，所有内容加在一起看起来像这样:

<style>
  table {
    -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  }
</style>
<table width="80%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
</table>