在CSS中，要使兩個li元素之間顯示豎線，可以使用多種方法，以下是一種簡單有效的方法：

1、使用***定位：

我們可以將其中一個li元素設置為***定位，并將其右側(cè)邊緣與另一個li元素的左側(cè)邊緣對齊，這樣，兩個li元素之間就會有一條豎線。

HTML代碼：

<ul>
  <li class="line"></li>
  <li class="item">項目1</li>
  <li class="item">項目2</li>
  <li class="line"></li>
  <li class="item">項目3</li>
  <li class="item">項目4</li>
</ul>

CSS代碼：

.line {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: #000;
}
.item {
  position: relative;
  padding-right: 10px; /* 防止豎線與文字重疊 */
}

2、使用邊框：

另一種方法是給每個li元素添加邊框，并通過設置邊框顏色來顯示豎線，這種方法更加簡潔，不需要額外的定位設置。

HTML代碼：

<ul>
  <li class="item">項目1</li>
  <li class="item">項目2</li>
  <li class="item">項目3</li>
  <li class="item">項目4</li>
</ul>

CSS代碼：

.item {
  border-right: 1px solid #000; /* 添加豎線 */
  padding-right: 10px; /* 防止豎線與文字重疊 */
}