在網頁設計中，圖片的顯示非常重要。除了讓圖片本身有美感之外，還可以通過一些效果來突出圖片的重要性。今天我們就來講一講如何通過CSS讓圖片旋轉90度。 首先，我們需要在HTML中添加一個img標簽來插入圖片。代碼如下： ```

``` 接下來，在CSS中我們就需要通過transform屬性來實現旋轉。代碼如下： ``` pre { background-color: #f0f0f0; padding: 10px; } img { transform: rotate(90deg); } ``` 需要注意的是，transform屬性也可以用于其他的旋轉角度，如45度、180度等。另外，我們可以通過在img標簽外套一個div標簽來調整圖片的定位和大小。完整的代碼如下： `````` 這里我們通過設置image-container的width和height來限制圖片的大小，通過設置margin: 0 auto來讓其水平居中，通過設置position: relative來讓image-container的位置對img的絕對定位產生影響。 最后，我們通過設置img的top, left為50%和transform: translate(-50%, -50%)來讓圖片居中。同時，通過rotate(90deg)來使圖片旋轉。 至此，我們通過CSS的transform屬性成功地將圖片旋轉90度。希望對大家有所幫助！