CSS表格樣式是網頁前端開發中常用的一種樣式。通過CSS表格樣式,我們可以改變表格的顏色、邊框、字體、背景等,從而讓表格更美觀、易讀。
table { border-collapse: collapse; /*讓邊框重疊*/ width: 100%; /*表格寬度*/ font-family: Arial, sans-serif; /*表格字體*/ font-size: 16px; /*表格字體大小*/ } th, td { border: 1px solid #dddddd; /*表格邊框*/ text-align: left; /*文字對齊方式*/ padding: 8px; /*單元格內邊距*/ } th { background-color: #f2f2f2; /*表頭背景色*/ } tr:nth-child(even) { background-color: #dddddd; /*偶數行背景色*/ }
上面的代碼是一個基本的CSS表格樣式。我們可以通過修改代碼中的屬性值來改變表格的樣式。比如,想讓表格中的文字居中對齊,可以把"th, td"中的"text-align"值改為"center"。
在HTML文件中引用CSS表格樣式也很簡單。只需要在文件頭部的