CSS制作一條豎線的方法

在CSS中，我們可以使用多種方法制作一條豎線，使用邊框（border）屬性是***簡單的方法。

我們需要創(chuàng)建一個元素，比如一個div，我們可以使用CSS為該元素添加邊框?qū)傩?，并設(shè)置邊框的寬度為1px，顏色為黑色，這樣，該元素就會有一條豎線。

以下是一個HTML和CSS代碼示例：

HTML代碼：

<div class="vertical-line"></div>

CSS代碼：

.vertical-line {
  border-left: 1px solid black;
  height: 100%;
}

在這個示例中，我們創(chuàng)建了一個名為vertical-line的類，并將其應(yīng)用到一個div元素上，我們使用CSS為該元素添加了邊框?qū)傩裕⒃O(shè)置邊框的左側(cè)為1px寬的黑線，我們將該元素的高度設(shè)置為100%，使其能夠占據(jù)整個頁面高度。

除了使用邊框?qū)傩酝猓覀冞€可以使用其他CSS屬性來制作豎線，比如使用偽元素（::before或::after）來添加一條豎線，使用邊框?qū)傩允?**簡單、***直接的方法。

CSS提供了多種方法來制作一條豎線，我們可以根據(jù)自己的需求和喜好選擇適合自己的方法。