CSS是網頁設計中不可缺少的一部分。它可以輕松地實現對網頁表格的樣式定制。下面我們來看一下如何用CSS創建一個簡單的表格。
<table><tr><th>姓名</th><th>年齡</th><th>性別</th></tr><tr><td>小明</td><td>18</td><td>男</td></tr><tr><td>小紅</td><td>20</td><td>女</td></tr></table>
上面的代碼是一個基本的HTML表格。接下來我們來添加CSS樣式,讓表格更加美觀。
table{ border-collapse:collapse; width: 100%; } th, td{ border: 1px solid #ddd; text-align: left; padding: 8px; } th{ background-color: #f2f2f2; } tr:nth-child(even){ background-color: #f2f2f2; }
上面的代碼添加了一些基本的樣式,如表格邊框、單元格填充、底紋等等。現在我們已經完成了一個簡單卻美觀的表格。
在實際開發中,表格樣式的定制可以更加靈活,比如調整字體大小、顏色、邊框樣式等等。只要掌握了CSS的基本思想和語法,就可以輕松地實現任何樣式的表格。
上一篇css創意網頁代碼
下一篇mysql數據表增加行