CSS是一種用于設計網頁樣式的語言,通過CSS表格設置樣式表,可以讓網站的表格更加美觀、清晰。在css中,我們可以設定表格的顏色、邊框以及單元格的樣式。
table{ border-collapse:collapse; width:100%; } td,th{ border:1px solid black; text-align:center; padding:10px; } tr:nth-child(odd){ background-color:#f2f2f2; }
可以看出,我們使用了table{ }
來設置整個表格,用td,th{ }
指定單元格的樣式。我們還可以通過border-collapse
設定表格的邊框合并,使得表格看起來更為緊湊。
在代碼的最后,我們通過tr:nth-child(odd)
來設置單元格的背景色,實現了交替顯示不同顏色的行。
通過CSS表格設置樣式表,我們可以輕松地美化網站的表格,增強用戶的使用體驗。