在CSS中，我們可以使用border-spacing屬性來設(shè)置表格單元格的邊距，這個屬性接受兩個值，分別代表水平和垂直方向的邊距，下面是一些示例代碼，展示如何使用border-spacing屬性來設(shè)置表格單元格的邊距。

示例1：設(shè)置水平和垂直邊距

table {
  border-spacing: 10px 20px;
}

在這個示例中，border-spacing屬性設(shè)置為10px 20px，表示水平邊距為10像素，垂直邊距為20像素。

示例2：只設(shè)置水平邊距

table {
  border-spacing: 10px;
}

在這個示例中，只提供了一個值10px，這表示水平和垂直的邊距都是10像素。

示例3：使用百分比設(shè)置邊距

table {
  border-spacing: 5% 10%;
}

在這個示例中，使用百分比來設(shè)置邊距。5%表示水平邊距為表格寬度的5%，10%表示垂直邊距為表格高度的10%。

示例4：設(shè)置不同單元的邊距

table {
  border-spacing: 10px 20px 30px 40px;
}

在這個示例中，提供了四個值來分別設(shè)置四個邊的邊距，順序是：上、右、下、左。

示例5：使用em單位設(shè)置邊距

table {
  border-spacing: 1em 2em;
}

在這個示例中，使用em單位來設(shè)置邊距。1em表示水平邊距為當(dāng)前字體大小的1倍，2em表示垂直邊距為當(dāng)前字體大小的2倍。

示例6：設(shè)置圓角邊框和陰影效果

table {
  border-radius: 5px; /* 設(shè)置圓角邊框 */
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* 設(shè)置陰影效果 */
}

在這個示例中，除了設(shè)置border-spacing屬性外，還設(shè)置了border-radius和box-shadow屬性，分別用于添加圓角邊框和陰影效果，這些屬性可以進一步增強表格的樣式和視覺效果。