在網頁設計中,表格是不可或缺的部分。通過合適的表格樣式,可以實現頁面的美化和信息展示的清晰度。本文將介紹如何使用 CSS 實現一個 3 行 2 列的表格樣式。
<table> <tr> <td>第一行第一列</td> <td>第一行第二列</td> </tr> <tr> <td>第二行第一列</td> <td>第二行第二列</td> </tr> <tr> <td>第三行第一列</td> <td>第三行第二列</td> </tr> </table>
以上代碼是一個基本的 3 行 2 列的表格樣式,通過在 HTML 中定義表格和表格內容,可以輕松實現表格的基本結構。
接下來,我們可以通過 CSS 來添加表格樣式,實現一個更美觀的表格。
table { border-collapse: collapse; margin: 20px; } td { padding: 10px 30px; border: 1px solid #ddd; text-align: center; }
以上代碼定義了表格的基本樣式,包括表格邊框的合并、表格的邊距和表格單元格的內部填充,還有單元格邊框的樣式。
通過以上代碼,我們可以得到一個簡單但美觀的表格樣式,展示了 3 行 2 列的數據。在實際應用中,可以通過修改以上的 CSS 樣式細節,實現更加復雜的表格樣式,以滿足不同的需求。