HTML是一種用于構建網頁的語言，其中有許多標簽可以用來排版網頁，其中一個有用的技巧是在列表之間設置豎線。
在HTML中，列表的標簽有`
- `與`
- `。如果希望在這兩個列表之間設置一條豎線，可以通過在CSS中設置`border-right`屬性來實現。以下是HTML代碼：
<style>
li {
display: inline-block;
}
.list li:not(:last-child) {
border-right: 1px solid black;
margin-right: 5px;
padding-right: 5px;
}
</style>
<p>以下是一個有豎線的有序列表和無序列表示例：</p>
<div class="list">
<ol>
<li>第一項</li>
<li>第二項</li>
<li>第三項</li>
</ol>
<ul>
<li>第一項</li>
<li>第二項</li>
<li>第三項</li>
</ul>
</div>在上面的代碼中，我們首先在CSS中將每個列表項的`display`屬性設置為`inline-block`，以確保它們在一行上。然后，我們為`.list li:not(:last-child)`選擇器設置了`border-right`屬性和一些右側的`margin`和`padding`，以便在每個項之間添加豎線和一些間距。
這樣設置后，我們可以在網頁上看到一個漂亮的有豎線的列表，如下圖所示：
通過這種方式，我們可以輕松地為列表添加一些復雜的樣式，以使網頁看起來更專業和美觀。