CSS是一種非常實用的技術，可以用來美化網頁的樣式，也可以使網頁元素變得可編輯。如果您需要讓表格中的某些單元格能夠直接編輯，那么可以使用CSS來實現這個功能。

table td {
border: 1px solid black; /* 設置邊框 */
padding: 3px; /* 設置內邊距 */
cursor: pointer; /* 設置鼠標樣式 */
}
table td:hover {
background-color: #ccc; /* 鼠標經過時變色 */
}
table td:focus {
outline: none; /* 取消默認的鼠標焦點框 */
background-color: white; /* 設置聚焦時的背景色 */
}
table td[contenteditable="true"] {
background-color: #f0f0f0; /* 設置可編輯單元格的背景色 */
}

在上面的代碼中，我們首先設置了表格單元格的一些基本樣式，像邊框、內邊距、鼠標樣式等等。然后，我們為鼠標經過和聚焦時的單元格設置了不同的背景色。最后，我們指定了一個屬性選擇器，來為那些被設置為可編輯（contenteditable）的單元格設置背景色。

要讓某個單元格可編輯，只需在HTML中將其設置為contenteditable即可：

單元格1
單元格2
單元格3

上面的代碼將第二個單元格設置為可編輯，用戶可以在頁面上直接編輯這個單元格的內容。如果您的網站中包含了很多需要編輯的表格，這個技巧將會很有用。