CSS是前端開發中非常重要的一部分，它可以用來控制網頁的樣式和布局。除了可以控制文字、顏色、背景等元素的樣式以外，CSS還可以用來繪制線段。

.line{
height: 2px;    /* 線段的高度 */
background-color: #CCCCCC; /* 線段的顏色 */
margin-top: 10px;   /* 線段上方的外邊距 */
}

上面這段代碼是繪制一條水平線段的CSS代碼。首先要定義一個線段的類名 .line，然后設置它的高度和背景顏色。如果要改變線段的顏色，只需要修改 background-color 屬性的值即可。

.line-vertical{
width: 2px; /* 線段的寬度 */
background-color: #CCCCCC; /* 線段的顏色 */
height: 50px; /* 線段的高度 */
margin-left: 10px; /* 線段左側的外邊距 */
float: left; /* 讓線段浮動，防止對其他元素產生影響 */
}

如果要繪制一條垂直的線段，需要使用 float 屬性讓它浮動。以 .line-vertical 類名為例，設置它的寬度、高度和顏色，然后讓它左側留出一定的外邊距。

CSS繪制線段非常簡單，只需要設置一些基本的屬性就可以了。如果需要繪制更復雜的線段，還可以結合偽元素、transform等屬性，靈活運用CSS繪制技巧，實現更加炫酷的效果。