CSS是網頁設計中必不可少的工具，而表格(table)也是網頁中經常使用的元素之一。在表格中顯示圖片也是常見的需求，下面就讓我們來了解如何在CSS中使用表格顯示圖片。

<table>
<tr>
<td><img src="image1.jpg"></td>
<td><img src="image2.jpg"></td>
</tr>
<tr>
<td><img src="image3.jpg"></td>
<td><img src="image4.jpg"></td>
</tr>
</table>

使用上述代碼，將多張圖片放入表格中，但是表格中的圖片默認是等比例縮小的，而且也無法設置圖片與單元格之間的間距。

為了解決這個問題，我們可以使用CSS來設置表格的樣式。如下：

<style>
table {
border-collapse: collapse;
}
td {
padding: 10px;
border: 1px solid black;
}
img {
max-width: 100%;
height: auto;
}
</style>
<table>
<tr>
<td><img src="image1.jpg"></td>
<td><img src="image2.jpg"></td>
</tr>
<tr>
<td><img src="image3.jpg"></td>
<td><img src="image4.jpg"></td>
</tr>
</table>

使用CSS代碼后，表格的樣式更加美觀，同時也可以設置圖片與單元格之間的間距。可以根據需要進行調整。

通過使用CSS，我們可以輕松地在表格中顯示多張圖片并設置樣式，同時還可以設置圖像與單元格之間的間距，讓網頁更加美觀和易于瀏覽。