CSS是一種用于設置網頁布局和樣式的語言。在網頁設計中經常會用到表格來展示數據,因此學習如何單獨設置表格樣式是很有用的。
下面是設置表格的CSS樣式的一些重點內容:
1. 邊框和間隔:
表格邊框: table { border-collapse: collapse; border: 1px solid black; } 單元格邊框: td, th { border: 1px solid black; } 表格間隔: table { border-spacing: 0px; }
2. 樣式和顏色:
表格背景色: table { background-color: #f2f2f2; } 表頭樣式: th { background-color: #4CAF50; color: white; } 表格字體: table { font-family: Arial, sans-serif; font-size: 14px; }
3. 對齊方式:
表格水平對齊: table { margin-left: auto; margin-right: auto; } 單元格文本對齊: td, th { text-align: center; }
通過這些CSS樣式可以單獨設置表格的風格和樣式,使整個網頁更加美觀、易讀和易用。
上一篇css單行字數限制
下一篇css單獨給數字樣式