CSS是網頁設計中不可或缺的一部分，它可以控制Html文檔的樣式和布局。相信大家都看過頁面中的右箭頭，今天我們就來學習如何使用CSS寫出右箭頭樣式。

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

我們使用CSS中的border屬性控制箭頭的大小和形狀，同時也可以通過改變邊框顏色來實現不同顏色的箭頭。上面的代碼中，我們設置了一個class名為arrow-right的樣式，它的寬度和高度都為0，因為我們是通過border屬性來創建斜角的三角形，不需要設置實際的大小。border-top和border-bottom都設置為10px無色的邊框，這是為了隱藏箭頭上下兩側的斜邊。而border-left則設置為10px黑色邊框，這就是我們想要的箭頭部分了。

為了在頁面中使用這個class來顯示箭頭，我們需要在html文檔中添加一個元素，比如div，并為它設置arrow-right的class名：

<div class="arrow-right"></div>

這樣就可以在頁面中看到一個黑色的右箭頭了。如果想要改變箭頭的大小或顏色，只需要在CSS樣式中更改相應的數值或顏色值即可。

總結一下，我們通過CSS的border屬性來控制箭頭的大小、形狀和顏色。邊框屬性的不同組合方式可以創建出不同形狀和樣式的箭頭，在實際應用中可以根據需要進行靈活調整。