CSS旋轉是一種非常有用的技術，它可以讓網頁內容以各種角度呈現，從而增強網站的美觀性和用戶體驗。但是，有時候我們希望只旋轉元素的外框，而不是其中的內容。這時候該怎么做呢？下面我們介紹一種解決方法。

.box {
width: 200px;
height: 150px;
background-color: #ccc;
padding: 20px;
border: 1px solid #000;
transform: rotate(30deg);
/* 這里是關鍵，下面詳細解釋 */
}
.box p {
transform: rotate(-30deg);
/* 將文本內容旋轉回來，與框保持垂直 */
}

上面的代碼中，我們為一個名為.box的元素設置了rotate(30deg)的旋轉效果。注意，這里旋轉的是整個框體，包括其中的文本。為了解決這個問題，我們需要再為其中的文本內容設置一個rotate(-30deg)的旋轉效果，將文本內容旋轉回來，與框保持垂直。

這樣，我們就可以實現旋轉外框但不旋轉內容的效果了。當然，這只是其中一種解決方法，具體應該根據實際情況選擇最適合的方法。