CSS圖表是Web開發中很重要的一部分。其中，折線圖是比較常用的一種。

下面是一個簡單的折線圖的例子：

<div class="chart">
<svg>
<polyline class="line" points="0,100 50,80 100,70 150,50 200,60 250,40 300,60 350,80 400,90 450,100" />
<polygon class="dot" points="50,80 100,70 150,50 200,60 250,40 300,60 350,80 400,90" />
</svg>
</div>
.chart {
position: relative;
width: 500px;
height: 120px;
background-color: #f8f8f8;
}
svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.line {
fill: none;
stroke: #00bcd4;
stroke-width: 2;
}
.dot {
fill: #00bcd4;
stroke: #fff;
stroke-width: 2;
}

其中，polyline表示折線，points中的數字表示每個數據點的x和y坐標。polygon表示數據點的圓點，points中的數字也表示每個數據點的x和y坐標。

需要注意的是，svg中的坐標是從0開始的，因此需要在CSS中設置對應坐標。

如果需要添加坐標軸和標簽等，則需要更復雜的CSS和HTML代碼。

總之，折線圖是CSS圖表中比較基礎的部分，但是在實際開發中，可能需要根據實際情況進行擴展和改進。