CSS中設置下箭頭可以通過偽元素:before來實現。具體操作如下：

.arrow-down::before {
content: "";
display: block;
width: 0;
height: 0;
margin: auto;
border-top: 10px solid transparent;
border-bottom: 10px solid #000;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}

在上面的代碼中，.arrow-down代表需要設置下箭頭樣式的元素的class，可以根據需要修改。設置:before偽元素，將其content屬性設置為空，display屬性設置為block，以便于設置寬高和邊框樣式。接著設置寬高為0，用margin:auto實現居中對齊。之后根據需要設置邊框樣式，如上面代碼所示，設置了三個方向的邊框樣式為10px寬，另一個方向的邊框樣式為透明。

需要特別注意的是，當設置下箭頭樣式的元素為行內元素時，需要添加display:block屬性才能正常顯示下箭頭。

通過這樣的設置，便可輕松實現下箭頭的樣式效果，增強頁面的可讀性和交互性。