CSS是一種層疊樣式表語言,可以用來控制網頁中的樣式和布局信息。其中,表格是網頁中非常重要的元素。使用CSS可以將表格優美地設計成一張網頁。
table { width: 100%; border-collapse: collapse; } th, td { border: 1px solid black; padding: 8px; text-align: left; } thead { background-color: #007bff; color: #fff; } tbody tr:nth-child(even) { background-color: #f2f2f2; }
首先,我們使用CSS的table
樣式屬性將表格的寬度設為100%,并將表格邊界合并為一條線。接著,利用th
和td
屬性來定義表格中表頭和單元格的樣式,包括設置邊框、填充和文字對齊方式等。使用thead
樣式屬性可以對表頭進行特殊的背景色和文字顏色設置。此外,我們也可以使用tbody
樣式屬性來對表格中的每一行斑馬線效果。
借助以上的樣式屬性,我們可以將普通的表格變成一張優美的網頁,更好地展現數據信息。
上一篇css將圖片弄成灰白
下一篇css將文字豎排文字