CSS可以很方便地改變圖片的橫豎方向。我們可以使用transform屬性實現這個功能。

img {
transform: rotate(90deg); /*改變圖片方向為豎直*/
}

上面的代碼將圖片順時針旋轉90度，使其變為豎直方向。同樣的，我們也可以將其逆時針旋轉90度，變為水平方向：

img {
transform: rotate(-90deg); /*改變圖片方向為水平*/
}

如果需要將圖片旋轉180度，可以使用以下代碼：

img {
transform: rotate(180deg);
}

除了旋轉，我們還可以使用CSS的flip功能，將圖片水平或垂直翻轉。

/*水平翻轉*/
img {
transform: scaleX(-1);
}
/*垂直翻轉*/
img {
transform: scaleY(-1);
}

上述代碼將圖片分別水平翻轉和垂直翻轉。

總的來說，通過使用CSS的transform屬性，我們可以輕松實現圖片橫豎方向的改變、旋轉、翻轉等功能，讓我們的網頁更加豐富多彩。