CSS是一種用于樣式和布局的語言,它可以方便地幫助我們美化網頁。此外,使用CSS還可以使得表格看起來更加整潔美觀。在本文中,我們將學習如何使用CSS修飾表格。
table { border-collapse: collapse; width: 100%; } th, td { border: 1px solid black; text-align: left; padding: 8px; } th { background-color: #f2f2f2; font-weight: bold; }
代碼中我們首先定義了一個table元素,使用border-collapse屬性將單元格的邊框合并為一個單一的邊框。同時還設置了表格的寬度為100%。
接下來,我們使用th和td元素定義表格行中的表頭和單元格。使用border屬性定義單元格的邊框樣式,使用text-align屬性控制每列元素的文本對齊方式,使用padding屬性控制單元格內邊距的大小。
最后,我們通過使用th元素的background-color屬性為表頭添加了背景顏色,并使用font-weight屬性使其加粗顯示。
使用上述CSS樣式,可以使得我們的表格看起來更加美觀和整潔,從而使得網頁的整體效果更加出色。