CSS中的Table有幾種不同的風格,可以根據需要來選擇使用。
一種最常見的風格是基礎表格風格。這種表格通常有顯示表格線條和標頭的縱橫排列表格風格。可以使用以下代碼來定義基礎表格樣式:
table { border-collapse: collapse; } table, th, td { border: 1px solid black; }
另一種風格是帶有斑馬紋的表格。這種表格會給相鄰行添加不同顏色的背景以幫助讀者更好地區分行。可以使用以下代碼來定義帶斑馬線的表格樣式:
table { border-collapse: collapse; } table tr:nth-child(even) { background-color: #f2f2f2; } table, th, td { border: 1px solid black; }
最后,還有一種稱為響應式表格的風格。這種表格會根據瀏覽器寬度自動調整列的寬度以適應屏幕大小。可以使用以下代碼來定義響應式表格:
table { border-collapse: collapse; width: 100%; } th, td { text-align: left; padding: 8px; } th { background-color: #4CAF50; color: white; } tr:nth-child(even) { background-color: #f2f2f2; }
以上是CSS中表格的不同風格,可以根據需要進行選擇和應用。