将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>