在網頁設計中,表格通常用于展示數據和布局。CSS是一種可用于控制表格樣式的強大工具。在這篇文章中,我們將討論如何使用CSS在表格中創建兩行樣式。
table { border-collapse: collapse; /* 合并單元格的邊框 */ width: 100%; /* 表格寬度 */ text-align: center; /* 單元格內容居中對齊 */ } th, td { border: 1px solid #ddd; /* 單元格邊框 */ padding: 10px; /* 單元格內邊距 */ } tr:first-child { background-color: #ddd; /* 第一行背景顏色 */ font-weight: bold; /* 第一行加粗字體 */ }
以上代碼將創建一個相當簡單的表格。我們使用table
、th
、td
和tr
這些標簽在 HTML 中創建了一個基本表格結構。我們還在第一行使用了:first-child
選擇器來設置不同的背景顏色和字體加粗樣式。
如果您要進一步自定義表格,還有一些其他屬性可以使用。例如,您可以使用background-color
屬性自定義不同單元格或行的背景顏色;您還可以使用font-family
屬性和font-size
屬性來設置單元格和標題的字體樣式。
總體來說,使用 CSS 控制表格樣式是非常有用和方便的。如果您是一位網頁設計師或開發者,我相信掌握這個技能將使您的工作更加輕松。