CSS 是網(wǎng)頁設(shè)計(jì)和布局的重要工具，不僅可以美化頁面，還能實(shí)現(xiàn)一些實(shí)用的效果，比如設(shè)置表格陰影。下面介紹一下如何使用 CSS 設(shè)置表格陰影。

.table {
box-shadow: 5px 5px 5px #888888;
}

以上代碼表示在一個(gè)類名為 table 的表格上添加陰影，具體實(shí)現(xiàn)需要了解 box-shadow 屬性的用法。

box-shadow 屬性的用法

box-shadow 屬性用于設(shè)置盒子陰影效果。具體的用法如下：

box-shadow: h-shadow v-shadow blur spread color inset;

其中，各參數(shù)的含義如下：

• h-shadow：水平陰影，正數(shù)往右，負(fù)數(shù)往左
• v-shadow：垂直陰影，正數(shù)往下，負(fù)數(shù)往上
• blur：模糊距離，可選
• spread：陰影尺寸，可選
• color：陰影顏色，可選
• inset：內(nèi)陰影，可選

所以，在上述代碼中，5px 表示水平和垂直陰影距離，第二個(gè) 5px 表示陰影模糊程度，第三個(gè) 5px 表示陰影尺寸，#888888 表示陰影顏色。

在表格中使用該效果可以使網(wǎng)頁更美觀、更有層次感。