在網頁設計中，向下的箭頭是一個普遍的元素，通常用來引導用戶去查看更多內容。下面我們將介紹如何使用CSS來寫一個簡單的向下箭頭。

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

以上代碼使用CSS來定義一個名為 ".arrow-down" 的類，使其能夠顯示一個向下的箭頭。詳細解釋如下：

• width: 0; height: 0; 讓DIV元素的寬度和高度都為0，即不占滿整個DIV。
• border-left: 10px solid transparent; border-right: 10px solid transparent; 這兩行代碼定義了箭頭的左右兩側，使用的是"transparent"，即透明的顏色。
• border-top: 10px solid #000; 最后一行代碼定義了箭頭的上面一條邊，它的顏色是"#000"，即黑色。

通過以上代碼，我們成功地使用CSS制作了一個簡單的向下箭頭。你可以通過修改"border-top"的像素值和顏色來改變箭頭的大小和樣式。