CSS(層疊樣式表)是一種用于控制網頁外觀和布局的語言。對于表格而言,CSS可以用于設置表格屬性和樣式。下面將介紹如何使用CSS設置表格屬性。
table{ border-collapse: collapse; //合并邊框 border-spacing: 0; //表格間距 width: 100%; //表格寬度 } th, td{ padding: 10px; //單元格內邊距 text-align: center; //文字居中 border: 1px solid #ccc; //單元格邊框 } tr:nth-child(even){ background-color: #f2f2f2; //偶數行背景顏色 } th{ background-color: #4CAF50; //表頭背景顏色 color: white; //表頭文字顏色 }
上面的代碼中,table
選擇器用于設置整個表格的屬性,包括合并邊框、表格間距和表格寬度。對于單元格,th, td
選擇器用于設置內邊距、文字居中和邊框。另外,:nth-child(even)
選擇器用于設置偶數行的背景顏色,th
選擇器用于設置表頭的背景顏色和文字顏色。
通過使用CSS設置表格屬性,我們可以輕松地實現各種表格樣式,使網頁更加美觀和易于閱讀。
上一篇css設置表格樣式表
下一篇css設置表頭高度無效