標題：如何使用 CSS 將圖片居中

隨著現代 Web 開發的不斷普及，越來越多的網站需要將圖片居中。而 CSS 居中是一種簡單且實用的解決方法。在本文中，我們將介紹如何使用 CSS 將圖片居中。

```html

在上面的代碼中，`src` 屬性指定了圖片的 URL,`alt` 屬性用于在圖像沒有顯示時顯示文本。

接下來，我們可以使用 CSS 的 `position` 屬性來將圖片定位到頁面的中心。我們可以使用 ` center` 值來將圖片居中，也可以使用 ` top`、`bottom`、`left` 和 `right` 值來將圖片定位到中心。例如：

```css

position: center;

上面的代碼將圖片定位到頁面的中心，并使用 CSS 的 `居中` 屬性將其固定到頁面中。

除了使用 `position` 屬性外，我們還可以使用 CSS 的 `transform` 屬性來調整圖片的位置。例如：

```css

position: center;

transform: translateX(50%);

上面的代碼將圖片定位到頁面的中心，并使用 CSS 的 `translateX` 屬性將圖片的左右位置移動 50% 到頁面的右側和左側。