CSS中我們可以使用transform屬性來實(shí)現(xiàn)圖片的旋轉(zhuǎn)，包括打橫和打豎，本文將講解如何使用transform屬性來實(shí)現(xiàn)圖片打豎。

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

我們可以先在HTML中插入圖片：

<img src="example.jpg" class="img-rotate" />

在CSS中，我們?yōu)閳D片設(shè)置一個(gè)類名，這里我們命名為img-rotate。通過transform: rotate(90deg)來旋轉(zhuǎn)圖片，90度表示旋轉(zhuǎn)角度，可以根據(jù)實(shí)際情況進(jìn)行調(diào)整。此處的值為正90度，表示圖像將被順時(shí)針旋轉(zhuǎn)90度，如果需要逆時(shí)針旋轉(zhuǎn)，則將值改為負(fù)數(shù)。

通過運(yùn)用transform屬性的rotate旋轉(zhuǎn)函數(shù)，我們便可以在CSS中輕松實(shí)現(xiàn)圖片打豎的效果。