CSS表格是網頁設計中常見的元素,可以用來展示各種數據。為了使表格看起來更加美觀,我們需要對表格內容進行樣式設置。今天,我們就來學習如何設置表格內容居中顯示。
table { border-collapse: collapse; width: 100%; } th, td { text-align: center; border: 1px solid black; padding: 10px; }
我們可以看到,以上代碼設置了表格的樣式,其中包括了表格內容的樣式設置。針對文本內容的居中顯示,我們可以在
此外,我們還可以針對表格整體進行樣式設置,比如調整邊框的樣式和寬度、修改行列的背景色等等。可以根據具體需求來自由搭配使用。
table { border-collapse: collapse; width: 100%; border: 2px solid grey; } th, td { text-align: center; border: 1px solid black; padding: 10px; } tr:nth-child(even) { background-color: #f2f2f2; }
最后,需要提醒大家的是,在CSS樣式設置時,應當盡量保證樣式統一和簡潔,避免過度的樣式設置導致頁面加載速度變慢。
上一篇css表格內置入背景