CSS中的Table有幾種不同的風(fēng)格,可以根據(jù)需要來(lái)選擇使用。
一種最常見(jiàn)的風(fēng)格是基礎(chǔ)表格風(fēng)格。這種表格通常有顯示表格線條和標(biāo)頭的縱橫排列表格風(fēng)格??梢允褂靡韵麓a來(lái)定義基礎(chǔ)表格樣式:
table { border-collapse: collapse; } table, th, td { border: 1px solid black; }
另一種風(fēng)格是帶有斑馬紋的表格。這種表格會(huì)給相鄰行添加不同顏色的背景以幫助讀者更好地區(qū)分行??梢允褂靡韵麓a來(lái)定義帶斑馬線的表格樣式:
table { border-collapse: collapse; } table tr:nth-child(even) { background-color: #f2f2f2; } table, th, td { border: 1px solid black; }
最后,還有一種稱為響應(yīng)式表格的風(fēng)格。這種表格會(huì)根據(jù)瀏覽器寬度自動(dòng)調(diào)整列的寬度以適應(yīng)屏幕大小??梢允褂靡韵麓a來(lái)定義響應(yīng)式表格:
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中表格的不同風(fēng)格,可以根據(jù)需要進(jìn)行選擇和應(yīng)用。