CSS中可以使用border屬性來繪制長豎線，具體步驟如下：

1、創(chuàng)建一個HTML元素，例如一個div，用于繪制長豎線。

2、使用CSS的border屬性來設(shè)置div的邊框樣式，可以使用border-style: solid;來設(shè)置邊框為實線樣式。

3、設(shè)置邊框的寬度和顏色，可以使用border-width: 1px;來設(shè)置邊框?qū)挾葹?像素，使用border-color: #000;來設(shè)置邊框顏色為黑色。

4、將div的寬度設(shè)置為0，高度設(shè)置為需要的長度，這樣繪制出來的豎線寬度為1像素，高度為設(shè)置的值。

下面是一個示例代碼：

HTML代碼：

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

CSS代碼：

#vertical-line {
  border-style: solid;
  border-width: 1px;
  border-color: #000;
  width: 0;
  height: 100px; /* 設(shè)置豎線高度為100像素 */
}

這樣，在頁面中就會繪制出一個長度為100像素的長豎線，可以根據(jù)需要調(diào)整豎線的高度和顏色。