CSS表格屬性可以幫助我們更好的設計和布局網頁中的表格。
首先,我們可以設置表格的邊框樣式。使用border-collapse: collapse;
可以將相鄰的單元格邊框合并,更美觀。
table { border-collapse: collapse; }
其次,我們可以對表頭和單元格進行不同的樣式設置。使用th
標簽代表表頭,td
標簽代表單元格。我們可以設置其邊框粗細、顏色以及文字居中等樣式。
th,td { border: 1px solid black; padding: 8px; text-align: center; }
如果要給表頭加上背景顏色,可以在th
中設置,如下:
th { background-color: grey; color: white; }
最后,我們可以使表格寬度自適應瀏覽器窗口大小。通過設置width: 100%;
,表格將會自動充滿整個屏幕。
table { width: 100%; }
通過上述的設置,我們可以輕松地美化表格,令網頁更加美觀。
上一篇odbc和oracle
下一篇css中設置下劃虛線