本文目錄導讀：

1. 使用CSS控制圖片左右移動
2. 圖片居中顯示
3. 圖片大小控制

CSS圖片控制指南

在網頁設計中，CSS（層疊樣式表）是一種非常重要的技術，可以用來控制網頁的外觀和布局，控制圖片左右移動是CSS中的一個基本應用。

使用CSS控制圖片左右移動

在CSS中，可以使用margin屬性來控制圖片在左右方向上的移動。margin屬性接受四個值，分別代表上、右、下、左四個方向上的外邊距，通過調整這些值，可以實現(xiàn)圖片在左右方向上的移動。

如果想要讓圖片向右移動10像素，可以寫：

img {
  margin-left: 10px;
}

如果想要讓圖片向左移動10像素，可以寫：

img {
  margin-right: 10px;
}

圖片居中顯示

除了控制圖片左右移動外，CSS還可以用來控制圖片在網頁中的位置，如果想要讓圖片在網頁中居中顯示，可以寫：

img {
  display: block;
  margin: 0 auto;
}

圖片大小控制

除了控制圖片的移動和位置外，CSS還可以用來控制圖片的大小，如果想要讓圖片寬度為200像素，高度為300像素，可以寫：

img {
  width: 200px;
  height: 300px;
}

通過CSS技術，我們可以輕松地控制圖片在網頁中的左右移動、位置和大小，這些應用使得網頁設計更加靈活和豐富，希望本文能夠對你有所幫助。