CSS 背景旋轉(zhuǎn)是一種簡單而有效的技巧，可以在設(shè)計(jì)網(wǎng)頁時(shí)提供更多的自由度和創(chuàng)意。其中，背景旋轉(zhuǎn) 90 度是一種特別流行的用法，下面我們將詳細(xì)講解這個(gè)技巧的具體實(shí)現(xiàn)方法。

.background {
background-image: url("path/to/image.jpg");
background-position: center; /*設(shè)置背景圖片位置居中*/
background-repeat: no-repeat; /*禁用背景圖片重復(fù)*/
background-size: cover; /*按比例縮放背景圖片*/
transform: rotate(90deg); /*旋轉(zhuǎn)背景圖片*/
}

首先，我們需要為元素設(shè)置背景圖片。可以使用background-image屬性來指定背景圖片的路徑。

接下來，使用background-position屬性將背景圖片的位置居中。這里我們選用了center值。

為了防止背景圖片在容器中重復(fù)出現(xiàn)，我們使用background-repeat屬性禁用了背景重復(fù)功能。可以將該屬性的值設(shè)置為no-repeat。

然后，我們使用background-size屬性設(shè)置背景圖片的寬度和高度。這里我們選用了cover，即使背景圖像始終完全覆蓋背景區(qū)域，但是可能會(huì)被剪裁，因此還需要進(jìn)行比例縮放。

最后，使用transform屬性將背景旋轉(zhuǎn) 90 度。該屬性可以控制元素的旋轉(zhuǎn)、縮放、傾斜和平移等變換效果。這里我們使用rotate函數(shù)來實(shí)現(xiàn)圖片的旋轉(zhuǎn)。

這樣，即可實(shí)現(xiàn) CSS 背景旋轉(zhuǎn) 90 度的效果，為你的頁面帶來不同尋常的視覺體驗(yàn)。具體效果可以根據(jù)自己的設(shè)計(jì)需求進(jìn)行調(diào)整，實(shí)現(xiàn)更加多樣化的效果。