在網頁設計中,經常需要將一組數值或者數據以表格的形式呈現出來,這時候就可以使用CSS來排列這些文字,使其呈現整齊的排列。
table { border-collapse: collapse; } th, td { border: 1px solid black; padding: 5px; } td:first-child { text-align: center; } td:nth-child(n+2) { text-align: right; }
如上代碼所示,我們使用了CSS中的兩個偽類::first-child和:nth-child。其中:first-child用來選取每一行中的第一個單元格,即表頭,然后將其文本居中對齊。而:nth-child(n+2)用來選取每一行中的第二個及其之后的單元格,即數據單元格,然后將其文本居右對齊。
需注意的是,上述代碼中的table樣式是用來消除表格之間的間隙的,如果您的表格不需要消除間隙,可以不加這個樣式。
上一篇css讓網頁布滿全屏
下一篇css讓背景圖片變灰色