CSS作為前端開發中重要的一部分，經常被用來控制網頁的外觀和布局。其中，旋轉三角符號是常用的設計元素之一。下面介紹如何使用CSS實現旋轉三角符號。

箭頭向下：
.arrow-down {
width: 0; 
height: 0; 
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #000000;
}

上面的代碼中，我們定義一個類名為arrow-down的元素，并通過border屬性和transparent和#000000兩種顏色值來實現一個三角形，其中箭頭向下。

箭頭向上：
.arrow-up {
width: 0; 
height: 0; 
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #000000;
}

同樣地，箭頭向上的三角形也可以通過類名為arrow-up的元素和border屬性實現。

箭頭向左：
.arrow-left {
width: 0; 
height: 0; 
border-top: 10px solid transparent;
border-right: 10px solid #000000;
border-bottom: 10px solid transparent;
}

若要將三角形箭頭改為向左，可以通過類名為arrow-left的元素和border屬性中設定的邊框順序來實現。

箭頭向右：
.arrow-right {
width: 0; 
height: 0; 
border-top: 10px solid transparent;
border-left: 10px solid #000000;
border-bottom: 10px solid transparent;
}

同樣地，若要將三角形箭頭改為向右，則需要改變類名為arrow-right的元素和border屬性中左右邊框的設定值。

通過上述代碼，我們可以輕松實現四個方向不同的三角符號。在實際開發中，可以通過類名和CSS選擇器等方法進一步控制三角符號的具體形態和位置，從而實現更豐富的網頁設計效果。