最近學習了一些HTML和CSS的知識，加深了我對Web前端開發的認識。今天我想分享一下如何使用CSS鋪滿全屏的表格。

/*html代碼*/
<table>
<thead>
<tr>
<th>姓名</th>
<th>性別</th>
<th>年齡</th>
<th>地址</th>
</tr>
</thead>
<tbody>
<tr>
<td>張三</td>
<td>男</td>
<td>25</td>
<td>北京市</td>
</tr>
<tr>
<td>李四</td>
<td>女</td>
<td>30</td>
<td>上海市</td>
</tr>
</tbody>
</table>
/*css代碼*/
table {
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid black;
padding: 8px;
text-align: left;
}
/* 水平滾動 */
table {
table-layout: fixed;
}
tbody {
display: block;
overflow: auto;
height: 200px; 
}
thead, tbody tr {
display: table;
width: 100%;
table-layout: fixed;
}
/* 垂直滾動 */
tbody {
display: block;
overflow-y: scroll;
height: 200px; 
}
tfoot {
display: table;
width: 100%;
table-layout: fixed;
}

首先我們來看一下HTML代碼，我們使用了<table>標簽來表示表格，<thead>標簽表示表頭，<th>標簽表示表頭單元格，<tbody>標簽表示表格主體，<tr>標簽表示表格行，<td>標簽表示表格單元格。

然后我們看一下CSS代碼。使用了border-collapse屬性，將邊框合并在一起；使用width屬性設置表格寬度為100%。使用td, th選擇器設置單元格邊框為1px黑色邊框，內邊距為8px，并將文本左對齊。

如果表格太寬，不適合屏幕寬度，我們可以設置水平滾動。首先使用table-layout屬性設置表格布局為固定布局，然后將tbody設置為塊級元素并設置高度為200px，在tbody和thead中添加代碼將元素設置為塊元素并使用固定布局。

如果表格太高，也不適合屏幕高度，我們可以設置垂直滾動。首先將tbody設置為塊級元素，overflow-y屬性設置為scroll，并設置高度為200px；tfoot設置為table布局，并且和thead，tbody一樣固定寬度和表格布局。

這樣，我們就可以使用CSS鋪滿全屏的表格了。