CSS是一種設計網頁樣式的語言，它可以幫助我們將網頁變得更加美觀和易于使用。其中，豎著的一條線是常見的網頁設計元素，它可以給網頁增加一些空白或者定義不同區域之間的分割線，下面將介紹如何使用CSS來做豎著的一條線。

/* CSS代碼 */
.vertical-line {
border-left: 1px solid black;
height: 100px;
}

代碼中，我們首先給線條定義了一個類名為vertical-line，然后使用CSS的border-left屬性定義線條的樣式，這里我們設置了線寬為1像素，顏色為黑色，以及使用實線的邊框樣式。接下來，使用height屬性設置線條的高度為100像素，這里可以根據具體情況來調整線條的高度。

最后，應用這個類名到HTML標記，如：

這里使用一個div標記來表示豎著的線條，并將其添加類名為vertical-line，這樣就可以在網頁上呈現一個豎著的一條線了。

需要注意的是，在使用這個方法時，你需要考慮到網頁的響應式設計，因為在不同的設備和屏幕上，線條可能會呈現不同的高度和位置。因此，你需要考慮到使用新的CSS布局技術、媒體查詢和其他技術來確保你的線條在不同的設備和屏幕上都能呈現良好的效果。