CSS表格(Cascading Style Sheets Table)是一種用于排版和布局網頁內容的語言。CSS表格非常有用,因為它允許您輕松地定義表格的樣式和格式,同時保持可讀性和可訪問性。W3C是Web標準制定機構,它負責制定并推廣Web標準的良好實踐。
table {
border-collapse: collapse;
width: 100%;
}
th, td {
text-align: left;
padding: 8px;
border: 1px solid #ddd;
}
th {
background-color: #4CAF50;
color: white;
}
如您所見,使用CSS表格非常簡單。在上面的代碼段中,我們定義了表格的樣式。首先,我們使用border-collapse: collapse;
來將表格邊框合并,使其更整潔。我們還設置了表格的寬度為width: 100%;
,以確保它適合其容器的寬度。
接下來,我們定義了th
(表格頭)和td
(表格單元格)的樣式。我們設置了它們的文本對其方式是text-align: left;
,并且定義了padding: 8px;
,以使它們的內邊距與它們的內容有一定間隔。我們還添加了一個border: 1px solid #ddd;
來為表格單元格添加邊框。
最后,我們定義了表格頭的背景顏色為綠色,文本顏色為白色。這只是一個示例,您可以隨時更改顏色以適應您的設計需求。
總之,CSS表格在布局和排版網頁內容時非常有用。W3C定期發布最新版本的CSS標準,以幫助Web開發人員創建優秀的Web頁面,并遵循良好的Web開發實踐。
下一篇css表格位置的屬性