在網頁設計中，表格是經常使用的一種元素，而CSS也為表格提供了豐富的樣式。其中，可填寫文字的表格是一種常見的表格類型，下面介紹如何使用CSS樣式來實現：

姓名
年齡
性別
張三
18
男
李四
20
女

代碼中，我們使用了contenteditable屬性，它的作用是將表格單元格設置成可編輯的狀態。此外，我們還可以通過CSS樣式來美化表格：

table {
border-collapse: collapse;
width: 100%;
}
th, td {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}
th {
background-color: #4CAF50;
color: white;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
tr:hover {
background-color: #ddd;
}

其中，我們設置了表格的邊框折疊為collapse，使其看起來更為整潔。th和td元素的邊框為1像素實線，內邊距為8像素，文本對齊方式為左對齊。特別地，我們為th元素設置了背景色和字體顏色，使之在表格中更為醒目。而對于表格的整行進行背景色設置，我們使用了:nth-child偽類。最后，當用戶鼠標移動到某一行時，該行的背景色也會受到變化，提升了交互體驗。