CSS（層疊樣式表）是一種設計網頁樣式的語言，它可以很好地控制頁面的外觀和布局。在實際應用中，CSS可以實現許多復雜的功能，比如繪制線形圖。

在CSS中，我們可以使用偽元素（:before和:after）來實現線形圖的繪制。例如，我們可以通過設置:before和:after的樣式來繪制x軸和y軸的線條，然后使用絕對定位來放置每個數據點。

.line-chart:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 2px;
height: 100%;
background-color: #333;
}
.line-chart:after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 2px;
background-color: #333; 
}
.line-chart .point {
display: inline-block;
position: absolute;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #333;
transform: translate(-50%, -50%);
}
.line-chart .point:first-of-type {
left: 0;
top: 50%;
}
.line-chart .point:last-of-type {
right: 0;
bottom: 50%;
}
.line-chart .point:nth-child(2) {
left: 25%;
bottom: 75%;
}
.line-chart .point:nth-child(3) {
left: 50%;
top: 25%;
}
.line-chart .point:nth-child(4) {
right: 25%;
top: 75%;
}
.line-chart .point:nth-child(5) {
right: 50%;
bottom: 25%;
}

代碼中，我們使用:before和:after來繪制x軸和y軸的線條，并分別設置其樣式。同時，我們使用絕對定位來放置每個數據點，通過設置left、top、right和bottom的值來確定每個點的位置。我們可以通過調整樣式來增加或減少數據點的數量。

通過這種方式，我們可以在網頁上繪制出美觀、簡潔的線形圖，讓數據更加直觀易懂。同時，使用CSS來繪制線形圖也可以避免使用圖像文件，減少了頁面的加載時間，提高了頁面的性能。