CSS 是一種網頁樣式設計語言，我們可以通過 CSS 來設置網頁的樣式。今天，我們來學習一下如何通過 CSS 畫出一條直線。

上面的代碼中，我們給一個類名為 line 的元素設置了一個下邊框，邊框的寬度為 1px，邊框類型為實線，顏色為黑色，這樣就可以畫出一條橫向的直線。

如果我們想要畫一條豎向的直線，可以使用 border-right 來設置右邊框。

上面的代碼中，我們給一個類名為 line 的元素設置了一個右邊框，邊框的寬度為 1px，邊框類型為實線，顏色為黑色，同時設置了元素的高度為 100px，這樣就可以畫出一條豎向的直線。

除了使用邊框來畫線外，我們還可以使用偽元素來畫線。偽元素是我們在 CSS 中創建的一個虛擬的元素，通過它來設置樣式。

上面的代碼中，我們給一個類名為 line 的元素的偽元素設置了一個寬度為 1px，高度為 100px，背景色為黑色的樣式，這樣就可以畫出一條豎向的直線。

通過學習，我們知道了如何通過 CSS 來畫出一條直線。邊框、偽元素都是常用的方法，我們可以根據頁面需要來選擇使用哪一種方法。