CSS文字旋轉(zhuǎn)90度

在CSS中，我們可以使用transform屬性來(lái)讓文字旋轉(zhuǎn)90度，以下是一個(gè)簡(jiǎn)單的示例：

HTML代碼：

<div class="rotate-text">
  這是一段需要旋轉(zhuǎn)的文字。
</div>

CSS代碼：

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

在這個(gè)示例中，我們創(chuàng)建了一個(gè)名為“rotate-text”的CSS類，并將它應(yīng)用到一個(gè)div元素上，這個(gè)div元素包含了一段需要旋轉(zhuǎn)的文字，在CSS類中，我們使用了transform屬性，并將它的值設(shè)置為rotate(90deg)，這表示將文字旋轉(zhuǎn)90度。

需要注意的是，transform屬性會(huì)改變?cè)氐奈恢煤痛笮?，因此在使用時(shí)需要謹(jǐn)慎，如果需要更***的控制，可以使用CSS的其他屬性來(lái)調(diào)整元素的位置和大小。

CSS還支持其他類型的變換，如縮放、移動(dòng)等，這些都可以使用transform屬性來(lái)實(shí)現(xiàn)，通過(guò)變換，我們可以創(chuàng)造出更多有趣的效果，使網(wǎng)頁(yè)更加吸引人。