在Web頁面設(shè)計中，表格是經(jīng)常使用的一個元素，而利用CSS可以輕松地實現(xiàn)各種類型的表格樣式。今天我們來講解如何將一個表格置于左上角。

<table>
<thead> 
<tr> 
<th>姓名</th> 
<th>年齡</th> 
<th>性別</th> 
</tr> 
</thead> 
<tbody> 
<tr> 
<td>小明</td> 
<td>25</td> 
<td>男</td> 
</tr> 
<tr> 
<td>小紅</td> 
<td>23</td> 
<td>女</td> 
</tr> 
<tr> 
<td>小剛</td> 
<td>27</td> 
<td>男</td> 
</tr> 
</tbody> 
</table>

首先需要將table元素設(shè)置為絕對定位，以便能夠?qū)ζ溥M(jìn)行定位。然后設(shè)置left和top值為0，這樣表格就能夠被放置在左上角。接著，通過設(shè)置單元格寬度和字體大小，可以讓表格內(nèi)容居中顯示。

<style> 
table { 
position: absolute; 
left: 0; 
top: 0; 
border-collapse: collapse; 
} 
td, th { 
width: 100px; 
text-align: center; 
font-size: 16px; 
padding: 10px; 
border: 1px solid #eee; 
} 
</style>

最后，我們得到了一個簡單且干凈的表格，它被放置在頁面的左上角。通過利用CSS的樣式設(shè)置，我們可以創(chuàng)建出各種不同的表格樣式，輕松地打造出符合需求的Web頁面。