在 CSS 表格里面顯示圖片,需要使用 HTML 表單元素和 CSS 樣式來實現。
下面是一個簡單的 CSS 表格樣式,可以設置表格的背景色、單元格邊框和內邊距:
```css
table {
background-color: #f0f0f0; /* 白色背景 */
border-collapse: collapse; /* 合并單元格邊框 */
width: 100%; /* 設置表格寬度為頁面寬度 */
th, td {
border: 1px solid #ccc; /* 單元格邊框 */
padding: 8px; /* 單元格內邊距 */
background-color: #ff0000; /* 黃色背景 */
上述樣式可以將表格背景設置為白色,并設置單元格邊框為1像素,黃色背景可以使單元格看起來更加清晰。
接下來,可以使用 HTML 表單元素來插入圖片,并將其設置為表格的單元格背景。例如:
```html
<table>
<tr>
<th>姓名</th>
<th>年齡</th>
<th>地址</th>
</tr>
<tr>
<td>張三</td>
<td>20</td>
<td>北京市</td>
</tr>
<tr>
<td>李四</td>
<td>22</td>
<td>上海市</td>
</tr>
</table>
```css
width: 100%; /* 設置圖片寬度為表格寬度 */
height: auto; /* 設置圖片高度為單元格高度 */
border: 1px solid #ccc; /* 單元格邊框 */
margin: 0 auto; /* 自動設置圖片在單元格居中對齊 */
上述樣式可以將圖片設置為表格的單元格背景,并自動設置圖片高度為單元格高度,以便在單元格中居中對齊。
通過使用 CSS 表格樣式,可以在表格中顯示圖片,使得表格更加美觀和清晰。