在網頁設計中，CSS是非常重要的一種語言。CSS可以讓我們通過樣式定義來改變我們網頁中元素的外觀和布局。而其中旋轉一個元素也是CSS中最常用的操作之一。本文將深入淺出地介紹如何用CSS旋轉一個元素90度。

首先我們需要使用CSS的transform屬性，該屬性可以實現一些常見的旋轉、縮放、傾斜和平移效果。而旋轉元素就需要使用transform中的rotate屬性，它可以接收一個旋轉角度參數。

下面是一段簡單的CSS代碼。我們先通過CSS選擇器選擇要旋轉的元素，接著使用transform: rotate(angle)來旋轉元素。angle是旋轉角度，建議使用deg單位來表示，代表角度。代碼如下：

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

在上述代碼中，我們選擇了一個名為.rotate的元素進行旋轉，并將旋轉角度設置為90度。這樣一來，我們就可以將該元素沿著“中心點”逆時針旋轉90度了！

需要注意的是，上述代碼只能讓元素逆時針旋轉90度，如果想要順時針旋轉90度，我們可以將rotate中的角度參數設置為負值。

總體來說，在CSS中旋轉一個元素非常簡單。我們只需要使用transform: rotate(angle)來進行選擇和旋轉即可。這種方法既簡單又易于掌握，相信小伙伴們可以很快上手。