CSS是Cascading Style Sheets的縮寫，是一種用于網(wǎng)頁(yè)設(shè)計(jì)的樣式表語(yǔ)言。通過(guò)CSS，我們可以控制網(wǎng)頁(yè)中各個(gè)元素的樣式，例如顏色、字體、布局等。在網(wǎng)頁(yè)設(shè)計(jì)中，表格是常用的元素之一，今天我們來(lái)學(xué)習(xí)如何使用CSS輸入表格。

/* 設(shè)置表格樣式 */
table {
border-collapse: collapse; /* 邊框合并 */
width: 100%; /* 表格寬度 */
max-width: 800px; /* 最大寬度 */
margin: 0 auto; /* 居中對(duì)齊 */
text-align: center; /* 文字居中 */
}
/* 表格標(biāo)題樣式 */
caption {
font-size: 24px; /* 字體大小 */
font-weight: bold; /* 字體加粗 */
margin-bottom: 20px; /* 底部邊距 */
}
/* 表頭樣式 */
th {
background-color: #ccc; /* 背景色 */
font-weight: bold; /* 字體加粗 */
padding: 10px; /* 內(nèi)邊距 */
border: 1px solid #000; /* 邊框 */
}
/* 表格單元格樣式 */
td {
padding: 10px; /* 內(nèi)邊距 */
border: 1px solid #000; /* 邊框 */
}

樣式設(shè)置完成后，我們可以在HTML中輸入表格，并應(yīng)用CSS樣式：

<table>
<caption>學(xué)生成績(jī)表</caption>
<thead>
<tr>
<th>姓名</th>
<th>語(yǔ)文</th>
<th>數(shù)學(xué)</th>
<th>英語(yǔ)</th>
<th>總分</th>
</tr>
</thead>
<tbody>
<tr>
<td>小明</td>
<td>90</td>
<td>95</td>
<td>85</td>
<td>270</td>
</tr>
<tr>
<td>小紅</td>
<td>85</td>
<td>90</td>
<td>95</td>
<td>270</td>
</tr>
</tbody>
</table>

以上為CSS輸入表格的操作，通過(guò)簡(jiǎn)單的樣式設(shè)置，可以讓表格更加美觀和易讀，為網(wǎng)頁(yè)設(shè)計(jì)增添色彩和藝術(shù)感。