CSS在線畫表格是通過CSS編寫一定的樣式規(guī)則,來美化網(wǎng)頁上的表格,并實現(xiàn)一定的布局效果,從而達到優(yōu)化網(wǎng)頁排版的目的。
table { border-collapse: collapse; width: 100%; max-width: 864px; margin: 0 auto; font-size: 16px; line-height: 1.4; font-weight: 400; color: #333; background-color: #fff; text-align: center; } tr { border-bottom: solid 1px #ddd; } td { padding: 10px; } th { padding: 10px; background-color: #efefef; font-weight: 700; border-bottom: solid 1px #ddd; }
通過上述CSS代碼,我們可以實現(xiàn)一個簡單的表格布局。其中,使用table元素來包含表格的內(nèi)容,并設置了表格的一些基礎樣式,如邊框樣式、寬度、行高、字體大小和顏色等;使用tr元素表示表格中的每行數(shù)據(jù),設置了每行數(shù)據(jù)的下邊框樣式;使用td元素表示表格中的每個單元格,設置了單元格的內(nèi)邊距;使用th元素表示表格中的表頭,添加了特定的背景顏色和粗體字體樣式。
通過這些樣式規(guī)則的設置,可以簡單實現(xiàn)表格在網(wǎng)頁上的美化效果,并靈活掌控表格的排版效果。