在網(wǎng)頁設(shè)計(jì)和開發(fā)過程中，使用CSS來展示圖片是一個(gè)常見的問題。然而，有時(shí)候我們想要的不是展示一張垂直的圖片，而是將它旋轉(zhuǎn)到水平方向，這時(shí)候CSS的transform屬性就能派上用場(chǎng)了。下面通過代碼和解釋來展示如何使用CSS將圖片橫過來。
首先，我們需要有一張圖片，比如下面這張：
現(xiàn)在，我們想將它旋轉(zhuǎn)到水平方向，讓它變成下面這樣：
那么，我們需要使用CSS的transform屬性和rotate函數(shù)來實(shí)現(xiàn)。
代碼如下：

img {
transform: rotate(-90deg);
}

在這段代碼中，我們將rotate函數(shù)的值設(shè)置為-90度，這樣就可以將圖片旋轉(zhuǎn)到水平方向。需要注意的是，這里的角度是負(fù)數(shù)，因?yàn)檎龜?shù)會(huì)使圖片逆時(shí)針旋轉(zhuǎn)。
如果需要將圖片旋轉(zhuǎn)到其他角度，只需要將rotate函數(shù)的值修改即可。比如，將值改為90度就可以將圖片旋轉(zhuǎn)到相反的方向。
這里的img選擇器是用來選中所有圖片的，如果只想選擇某個(gè)特定的圖片，可以為它添加一個(gè)類名或ID，然后使用對(duì)應(yīng)的選擇器來選中它。
總之，使用CSS將圖片旋轉(zhuǎn)到水平方向是非常簡(jiǎn)單的。只需要使用transform屬性和rotate函數(shù)即可。希望這篇文章對(duì)您有幫助！