如果你想在你的網站中添加一個漂亮的表格,那么使用 CSS 是一個不錯的方法。在以下的文章中,我們會教你如何使用 CSS 來打表格。
月份 | 利潤 |
---|---|
1月 | 100元 |
2月 | 200元 |
3月 | 300元 |
以上這段代碼是一個基本的表格,由一個表格頭和三行數據構成。在 CSS 中使用表格可以讓你自定義表格, 包括使用不同的底色、字體、邊框等等。下面是一些有用的 CSS 屬性,可以讓你自定義你的表格:
1. border-collapse: 通過設置為 collapse 去掉默認的單元格之間的間距。
2. border: 這樣可以設置單元格之間線條的顏色、粗細和樣式。
3. background-color: 自定義單元格的底色。
4. color: 可以改變表格中文字的顏色。
下面這個例子展示了如何自定義表格:
table { border-collapse: collapse; width: 100%; } th, td { border: 1px solid #ddd; padding: 8px; } tr:nth-child(even){background-color: #f2f2f2;} th { padding-top: 12px; padding-bottom: 12px; background-color: #4CAF50; color: white; }
上一篇mysql 索引 大小
下一篇用css樣式制作網頁