CSS是一種強(qiáng)大的樣式表語言，可以用來控制網(wǎng)頁的外觀和布局，通過CSS的transform屬性，我們可以將圖片從橫向變?yōu)樨Q向。

下面是一個簡單的例子，展示如何使用CSS將圖片從橫向變?yōu)樨Q向：

1、在HTML中定義一個圖片元素：

<img id="myImage" src="path_to_your_image.jpg" />

2、在CSS中設(shè)置transform屬性，將圖片從橫向變?yōu)樨Q向：

#myImage {
  transform: rotate(90deg);
}

在這個例子中，#myImage是圖片元素的ID，transform: rotate(90deg)表示將圖片旋轉(zhuǎn)90度，從而實現(xiàn)從橫向到豎向的轉(zhuǎn)變。

需要注意的是，這種方法可能會導(dǎo)致圖片的寬度和高度發(fā)生變化，如果需要保持圖片的原始尺寸不變，可以在CSS中添加width和height屬性，并設(shè)置transform-origin屬性為圖片的左上角：

#myImage {
  transform: rotate(90deg);
  width: 100px; /* 原始圖片的寬度 */
  height: 100px; /* 原始圖片的高度 */
  transform-origin: left top; /* 將旋轉(zhuǎn)中心設(shè)置為圖片的左上角 */
}

通過以上方法，我們可以使用CSS將圖片從橫向變?yōu)樨Q向，并保持圖片的原始尺寸不變。