CSS是控制網(wǎng)頁(yè)布局和樣式的技術(shù)之一，它可以用來畫各式各樣的線條和幾何形狀。在這篇文章中，我們將介紹如何利用純CSS來畫線段。

.line{
width: 100px;
height: 1px;
background-color: black;
}

我們可以使用一個(gè)簡(jiǎn)單的div元素加上樣式進(jìn)行線段的繪制。在上述代碼中，首先定義了一個(gè)line類，設(shè)置了它的寬度為100像素，高度為1像素，背景顏色為黑色，這就是一個(gè)長(zhǎng)度為100像素的線段。

.dashed{
border: 1px dashed red;
}

我們還可以通過使用border屬性來畫出虛線的線段。在這個(gè)例子中，首先定義了一個(gè)dashed類，設(shè)置了邊框?yàn)?像素，樣式為虛線，顏色為紅色，這就是一個(gè)紅色虛線線段。

.gradient{
height: 5px;
background: linear-gradient(to right, orange, yellow, green, blue, indigo, violet);
}

除了實(shí)線和虛線之外，我們還可以使用漸變來繪制一條線段。在上述代碼中，首先定義了一個(gè)gradient類，設(shè)置了高度為5像素，背景為從橙色到紫羅蘭色漸變，這就是一條漸變的色彩線段。

通過以上幾種方法，我們可以使用CSS來畫出不同類型的線段，讓我們的網(wǎng)頁(yè)更加有趣和美觀。