CSS和HTML表格代碼是Web開發中常用的工具之一。HTML表格是一種展示數據的方式,而CSS則為表格提供了更加美觀的樣式。
姓名 | 年齡 | 性別 |
---|---|---|
小明 | 20 | 男 |
小紅 | 18 | 女 |
在HTML表格中使用<table>標簽,<tr>標簽表示表格的一行,<td>標簽用于表示一行中的單元格,<th>標簽用于表示表格的表頭。當需要添加樣式時,我們可以使用CSS來實現。
table { border-collapse: collapse; width: 100%; } th, td { padding: 8px; text-align: left; border-bottom: 1px solid #ddd; } th { background-color: #f2f2f2; color: #333; }
上述代碼對表格進行了樣式設置,包括了表格的邊框、寬度、單元格的內邊距、對齊方式、邊框下沿;同時還對表頭添加了背景顏色和文字顏色的設置。
在Web開發中,適當地使用HTML表格和CSS樣式可以使頁面設計更加美觀和易于閱讀。但同時也要注意合理利用CSS樣式,避免過多樣式的影響而導致頁面布局錯亂。
上一篇css3實現視頻黑白
下一篇css h標簽嵌套p標簽