Table是HTML中用于創建表格的標簽。通過Table標簽,我們可以在網頁內容中創建各種表格。除此之外,我們還可以結合CSS樣式來美化我們的表格,從而使其更具可讀性。
為了對Table進行美化,我們可以利用CSS完成以下幾個方面的樣式設計:
- 表格邊框的樣式
- 表格的文字居中和行高
- 表頭的背景顏色
- 表格隔行變色
- 鼠標懸停的背景顏色
table { border-collapse: collapse; border-spacing: 0; border: 2px solid #ccc; }
td, th { text-align: center; vertical-align: middle; height: 40px; }
thead th { background-color: #f5f5f5; }
tr:nth-child(even) { background-color: #f2f2f2; }
tbody tr:hover { background-color: #e0e0e0; }
通過以上CSS樣式的應用,我們可以很容易地美化我們的表格,使其更加易讀而且美觀。當然還有很多樣式可以應用到表格上,這里只是舉幾個例子。
上一篇mysql5免安裝版本
下一篇table 建立css