網頁表格是網頁設計中非常常見的元素之一，它能夠清晰有序地展示各種數據。而CSS作為網頁開發的重要組成部分，也可以用來優化網頁表格的外觀和樣式。
以下是一段HTML和CSS代碼，用來創建一個簡單的網頁表格：`標簽來創建一個表格，然后在``標簽中定義表格的表頭，其中包含了每列對應的標題。在``標簽中，我們則定義了表格中的內容，其中每一行的單元格都被包裹在`
<table>
<thead>
<tr>
<th>姓名</th>
<th>年齡</th>
<th>性別</th>
</tr>
</thead>
<tbody>
<tr>
<td>張三</td>
<td>25</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>30</td>
<td>女</td>
</tr>
<tr>
<td>王五</td>
<td>40</td>
<td>男</td>
</tr>
</tbody>
</table>
table {
border-collapse: collapse;
width: 50%;
margin: 0 auto;
font-family: Arial, sans-serif;
}
th, td {
border: 1px solid #ccc;
padding: 10px;
text-align: center;
}
thead {
background-color: #f7f7f7;
}
tbody tr:nth-child(odd) {
background-color: #f2f2f2;
}在上面的代碼中，我們首先使用`| `標簽來定義。在CSS中，我們使用了`border-collapse`屬性來控制表格中的邊框折疊，使用`width`和`margin`屬性來控制表格的寬度和居中顯示，使用`border`和`padding`屬性來設置單元格的邊框和內邊距以及使用`text-align`屬性來控制文本居中對齊。而在表格頭部和奇數行中，我們則使用了`background-color`屬性來設置其背景色。
通過使用CSS，我們可以快捷方便地優化網頁表格的樣式和布局，增強了網頁的可讀性和美觀性。 上一篇mysql字符串默認值 |