CSS是網頁設計中的重要組成部分，它能夠定義網頁的布局和樣式，是給網頁添加美觀的必備工具。而其中一項關鍵的功能是旋轉元素，但是默認情況下，元素的旋轉點是在元素的中心點，這樣可能不適用于某些特定情況。那么我們該如何修改旋轉點呢？

transform-origin: x y;

以上CSS代碼就是用來修改元素旋轉點的。其中，x和y可以分別設置為像素值、百分比值或關鍵詞來表示旋轉點的橫、縱坐標。比如以下的例子，將一個方塊繞其左上角旋轉：

div {
width: 100px;
height: 100px;
background-color: red;
transform-origin: 0px 0px;
transform: rotate(45deg);
}

以上代碼中，我們將方塊的旋轉點設為0px 0px，即左上角，然后通過transform屬性設置旋轉角度為45度。這樣，方塊會以左上角為中心點旋轉45度。當然，我們還可以將旋轉點設置在其他位置，比如中心點、右下角等等，只需要調整x和y的值即可。

結語：在某些情況下，修改旋轉點能夠讓網頁更加美觀，這只需要簡單的CSS代碼即可實現。希望以上內容對你有所幫助。