CSS和表格(tables)是網頁設計中的兩個基本部分。CSS可以控制網頁的樣式和布局,而表格則是一種常見的排列和呈現數據的方式。
table { width: 100%; border-collapse: collapse; } th, td { border: 1px solid black; padding: 10px; text-align: center; } th { background-color: #555; color: white; }
在CSS中,我們可以使用table元素和其子元素th、td來控制表格的布局。其中,table元素可以設置表格的寬度和邊框合并方式,而th和td可以設置單元格的邊框、內邊距和文本對齊方式。此外,我們還可以為表頭th添加特殊的樣式。
下面是一個簡單的表格示例,展示了如何使用CSS樣式來定制表格。
姓名 | 年齡 | 性別 |
---|---|---|
張三 | 25 | 男 |
李四 | 30 | 女 |
王五 | 27 | 男 |
通過CSS的設置,我們讓表格的行列對齊明確,同時利用顏色、邊框等屬性讓表格更加美觀和易讀。
上一篇css+s去掉中劃線