CSS表格可以用于排列和組織你的網頁內容。在設計一個表格時,你可以使用CSS自定義樣式,例如調整表格的顏色、邊框、字體、和行高等。下面將介紹如何用CSS實現一行兩列的表格。
<style> table { border: 1px solid black; width: 100%; border-collapse: collapse; } td { border: 1px solid black; } td:nth-child(1) { width: 70%; } td:nth-child(2) { width: 30%; } </style> <table> <tr> <td>左邊列內容</td> <td>右邊列內容</td> </tr> </table>
代碼解釋:
table:設置表格的邊框和寬度。
td:設置單元格的邊框樣式。
td:nth-child(1):設置第一列的寬度為70%。
td:nth-child(2):設置第二列的寬度為30%。
以上CSS代碼可以幫助你創建一個簡單的表格,兩個列各自占據不同的寬度。你可以根據自己的需要調整表格寬度和樣式。在表格中輸入數據后,表格可以更好地顯示數據并使網頁看起來更加美觀和統一。