CSS是一種用于描述Web文檔外觀的樣式表語言，它可以為HTML、XML等文檔設置樣式，使它們更加美觀和易于閱讀。

在一些UI設計中，為了要讓頁面更加美觀，我們需要添加一些箭頭。下面是幾種添加箭頭的方法：

/*實心箭頭*/
.arrow-up {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid black;
}
/*空心箭頭*/
.arrow-right {
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid black;
}
/*中空箭頭*/
.arrow-down {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid black;
border-bottom: none;
}
/*雙向箭頭*/
.arrow-double {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid black;
border-bottom: 5px solid black;
}

以上代碼中，我們使用了border來畫出箭頭，其中箭頭的方向和大小可以通過調整border-left、border-right、border-top、border-bottom的值來控制。

通過以上的代碼，我們可以在網頁中輕松地添加箭頭，讓頁面更加出色。