CSS是前端開發中最基礎的技能之一，而畫一條直線也是CSS技能中的一項基礎。下面我們來教大家如何使用CSS畫一條簡單的直線。

.line {
width: 100%; /* 直線寬度，可自行調整 */
height: 1px; /* 直線高度，可自行調整 */
background-color: black; /* 直線顏色，可自行調整 */
}

上述代碼中，我們使用了一個div標簽，并給它設置了一個類名叫做.line。在CSS中，我們為該類名設置了width為100%，即直線寬度占據整個父元素的寬度。height為1px，即直線的高度為1px。background-color為黑色，即直線的顏色為黑色。

接下來，我們將該類名應用于HTML的某個元素中，如下：

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

這樣，我們便可以在頁面上看到一條黑色的直線。

當然，CSS可以實現更加復雜的直線效果，比如虛線、粗細不一、顏色不同等，這需要根據實際需求進行設置。

希望這篇文章對大家了解如何使用CSS畫一條簡單的直線有所幫助。如果有任何疑問，歡迎留言討論。