在網頁設計中，關閉按鈕是非常重要的一個元素。通過關閉按鈕，用戶可以隨時關閉網站中不需要的內容或彈窗，提高用戶體驗度。CSS作為一種前端設計語言，自然也有其自己的方法來創建關閉按鈕。下面我們就來看一下如何用CSS創建關閉按鈕的table。

.close-btn {
width: 30px;
height: 30px;
display: table;
background-color: #fff;
border-radius: 50%;
border: 2px solid #000;
cursor: pointer;
}
.close-btn:before, .close-btn:after {
content: "";
display: table-cell;
width: 15px;
height: 2px;
background-color: #000;
transform: rotate(45deg);
}
.close-btn:before {
transform: rotate(-45deg);
}

代碼中，“.close-btn”定義了一個樣式類，設置為一個30x30的table。這里的“display: table”屬性可以用于使元素按照“Table”布局方式進行排列。接著，“border-radius: 50%”屬性可以設置為半徑為50%的圓形形狀。最后，“border: 2px solid #000”屬性設置外邊框為2px黑色實線。

關閉按鈕本身需要兩個斜線組合而成，我們可以使用:before和:after偽元素分別表示左右兩條斜線，并用“Table-Cell”的方式進行列表渲染。在樣式中，我們使用“rotate(45deg)”語句對左右兩條斜線進行45度旋轉，讓它們以“X”形互相重疊。

通過這些簡單的CSS代碼，我們便很容易創建出一個漂亮的關閉按鈕的table，提供給用戶隨時關閉網頁中的內容或彈窗。