在使用HTML和CSS制作網頁時，我們很常見到各種各樣的表格樣式。而其中一種比較特別的樣式，就是正方形的表格。

table{
border-collapse: collapse;
width: 100%;
}
td{
width: 25%; /*每個單元格的寬度為25%*/
padding: 0;
position: relative;
}
td:before{
content: "";
display: block;
padding-top: 100%;
}
td>div{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}

以上是一段可以制作正方形表格的CSS代碼。接下來我們來逐一解釋：

• border-collapse: collapse;表示單元格的邊框合并，使其看起來更像一個整體的方格。
• width: 100%;表示表格的寬度是100%。
• width: 25%;表示每個單元格的寬度是整張表格的四分之一，這樣可以保證每個單元格的大小相等。
• padding: 0;表示單元格的內邊距為0，這也是為了保證單元格大小的一致性。
• position: relative;表示單元格的定位方式是相對定位。
• :before是CSS的偽元素，表示在單元格前插入一個元素。在這里，我們插入的是一個空白的塊狀元素，寬度和單元格相同，高度為0。
• content: "";表示偽元素的內容為空。
• display: block;表示偽元素顯示為塊狀元素。
• padding-top: 100%;表示偽元素的上內邊距為100%，這是為了讓偽元素的高度和單元格的寬度相等，從而形成正方形。
• position: absolute;表示單元格內部的div元素的定位方式是絕對定位。
• top: 0;bottom: 0;left: 0;right: 0;表示div元素距離單元格四個邊界的距離都為0，從而讓div元素填充整個單元格。

通過以上CSS代碼，我們就可以制作出一個漂亮而又整齊的正方形表格了。在實際應用中，我們還可以通過設置顏色、背景、邊框等樣式來美化表格，以滿足不同的需求。