CSS上下箭頭排序是一個很常見的需求，我們可以通過CSS實現這種排序效果。下面是一些樣式代碼，可以用于創建CSS上下箭頭排序。

/* 下箭頭 */
 .arrow-down:before {
content: "\25BC";
font-size: 12px;
 }
/* 上箭頭 */
 .arrow-up:before {
content: "\25B2";
font-size: 12px;
 }

上述代碼中，我們使用:before偽類選中要添加箭頭的元素。content屬性指定要添加的Unicode字符，我們使用了兩個不同的字符來實現上下箭頭。通過font-size屬性，我們可以控制箭頭的大小。

為了對列表進行排序，我們可以將箭頭放在列表項中，在每次點擊排序時更改箭頭的方向。下面是一個示例代碼:

ul.sortable li {
position: relative;
 }
/* 下箭頭 */
 ul.sortable li span.arrow-down:before {
content: "\25BC";
font-size: 10px;
position: absolute;
right: 5px;
top: 10px;
 }
/* 上箭頭 */
 ul.sortable li span.arrow-up:before {
content: "\25B2";
font-size: 10px;
position: absolute;
right: 5px;
top: 10px;
 }

在上述代碼中，我們使用了一個可排序的列表，每個列表項包含一個箭頭圖標。當我們更改排序方向時，只需要添加元素的.arrow-up或.arrow-down類即可。

總的來說，CSS上下箭頭排序是一個簡單而有用的樣式技術，可以在很多場合使用。