CSS背景上箭頭是一種常見的網頁布局設計，通常用于強調某個選項或目標，下面我們來看看如何實現它。

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

上述代碼中，我們首先定義了一個class名為arrow-up的樣式，然后通過width和height屬性定義了箭頭的大小，其中width為0表示箭頭沒有寬度，height為0表示箭頭沒有高度。接著通過border-left和border-right屬性定義了箭頭左右兩側的樣式，這里我們將它們都設置為10px的寬度，并且將它們都設為transparent透明顏色，表示箭頭左右兩側不顯示任何內容。最后通過border-bottom屬性定義箭頭底部的樣式，這里我們將它設置為10px的粗細并且顏色為#333。

當我們將上述樣式添加到頁面中的HTML元素中時，我們就可以在背景上看到一個帶有箭頭的形狀了，如下所示：

當然，我們也可以通過調整箭頭的各項屬性，來實現不同形狀和樣式的箭頭，比如箭頭的粗細、左右偏移等等。