在 CSS 中，使用 li 元素有許多不同的方式。其中之一是使用 li 從下往上排列。

要實現從下往上排列，可以使用 CSS 中的 flexbox。首先，在父元素中設置 display: flex; 屬性，然后使用 flex-direction 屬性設置為 column-reverse。這樣 li 元素將從下往上排列。

ul {
display: flex;
flex-direction: column-reverse;
}

接下來，可能需要一些樣式來配合從下往上的排列。例如，在使用箭頭指示每個列表項時，箭頭應該位于列表項的上方而不是下方。可以使用 position 和 transform 屬性來實現這一點。

li {
position: relative;
}
li::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #000;
transform: rotate(180deg);
}

通過從下往上排列 li 元素，可以為列表帶來一些獨特的效果。但請記住，在設計您的網頁時，需根據所需的效果和用戶體驗確定最佳的 CSS 選擇。