CSS可以讓我們給HTML中的任何元素添加樣式,包括表格(table)元素。如果您想將表格內容居中顯示,我們可以使用CSS來完成。
table { margin: 0 auto; }
上面的這段CSS代碼將使表格居中對齊。其中,“margin: 0 auto”指定了表格的左右外邊距為0,上下外邊距自適應,其中“auto”表示讓瀏覽器自動計算外邊距的大小。
如果您想讓表格里的所有元素都居中對齊,可以再添加以下代碼:
table td, th { text-align: center; }
上面的代碼指定了表格中的所有單元格(td)和表頭(th)元素的文本居中對齊。
當然,這只是CSS樣式的基礎用法,根據不同的需求還可以添加其他樣式效果,如更改表格邊框、字體顏色、背景顏色等等,讓表格看起來更漂亮、更實用。
上一篇css鼠標懸浮樣式屬性
下一篇css鼠標指針動畫