CSS圖標旋轉90度
在CSS中，我們可以使用transform屬性來旋轉元素。其中旋轉90度可以使用rotate(90deg)來實現。在本文中，我們將介紹如何使用CSS來實現圖標旋轉90度的效果。
第一步是創建一個基本的HTML結構。我們可以使用一個div元素作為容器，并在其中放置一個帶有圖標的span元素。
```HTML
```
接下來，我們可以使用CSS來給容器和圖標添加樣式，并使用transform屬性來使圖標旋轉90度。
```CSS
.container {
width: 100px;
height: 100px;
background-color: #ccc;
display: flex;
justify-content: center;
align-items: center;
}
.icon {
font-size: 24px;
color: #FFF;
transform: rotate(90deg);
}
```
在上面的代碼中，容器使用了flex布局，讓里面的內容居中顯示。而圖標則使用了transform屬性，將其旋轉90度。
最后的效果就是一個帶有旋轉圖標的正方形，效果如下：
總結
通過使用CSS中的transform屬性，我們可以輕松地實現元素的旋轉效果。在本文中，我們使用rotate(90deg)來旋轉一個圖標，同時還使用了flex布局來讓容器居中顯示。