CSS是一種用于設(shè)計(jì)和布局網(wǎng)頁的樣式表語言。它可以用于控制網(wǎng)頁中的字體、顏色、邊框、表格、表單等元素。在網(wǎng)頁中，使用CSS可以讓您輕松地創(chuàng)建漂亮的表格，并確保數(shù)據(jù)的可讀性和一致性。在本文中，我們將介紹如何使用CSS來創(chuàng)建一個簡單的表格，并顯示圖片。

## 創(chuàng)建一個表格

使用CSS創(chuàng)建表格的方法非常簡單。您可以使用HTML中的表格標(biāo)簽和表格屬性來創(chuàng)建一個表格。例如，以下代碼將創(chuàng)建一個包含三列，每列包含一個表格單元格的表格：

```html

<table>

<thead>

<tr>

<th>列1標(biāo)題</th>

<th>列2標(biāo)題</th>

<th>列3標(biāo)題</th>

</tr>

</thead>

<tbody>

<tr>

<td>行1列1</td>

<td>行1列2</td>

<td>行1列3</td>

</tr>

<tr>

<td>行2列1</td>

<td>行2列2</td>

<td>行2列3</td>

</tr>

<tr>

<td>行3列1</td>

<td>行3列2</td>

<td>行3列3</td>

</tr>

</tbody>

</table>

在上面的代碼中，`<table>`標(biāo)簽是表格的容器，`<thead>`標(biāo)簽是表頭，`<tbody>`標(biāo)簽是表格主體，`<th>`和`<td>`標(biāo)簽是表格單元格。您還可以添加其他屬性，如`<caption>`標(biāo)簽用于添加表頭標(biāo)題，`<col>`和`<colgroup>`標(biāo)簽用于指定表格中的列和列組，以及`<border>`和`<borderstyle>`屬性用于設(shè)置表格邊框樣式。

## 顯示圖片

要顯示圖片，您可以在表格單元格中嵌入圖片，或者使用CSS中的圖片屬性將圖片嵌入到表格中。使用圖片屬性將圖片嵌入到表格中的方法是：

```html

```

```css

width: 100px;

height: 100px;

border: 1px solid #ccc;

```

無論您選擇哪種方法，您都可以添加其他屬性，如`<width>`和`<height>`屬性以控制圖片的大小，以及`<alt>`屬性用于在圖片無法顯示時顯示文本。

## 總結(jié)