走勢圖是一種用來描述數據變化趨勢的圖表，是數據分析和決策制定中不可或缺的工具。在Web開發中，我們通常使用CSS來制作走勢圖，以下是一個簡單的示例：

<style>
.chart-container {
position: relative;
height: 300px;
}
.chart-axis {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #ccc;
}
.chart-line {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: linear-gradient(to right, #ff9900 0%, #ff6600 100%);
}
.chart-point {
position: absolute;
bottom: 0;
width: 8px;
height: 8px;
border-radius: 4px;
background: #ff6600;
}
</style>
<div class="chart-container">
<div class="chart-axis"></div>
<div class="chart-line"></div>
<div class="chart-point" style="left: 10%;"></div>
<div class="chart-point" style="left: 30%;"></div>
<div class="chart-point" style="left: 50%;"></div>
<div class="chart-point" style="left: 70%;"></div>
<div class="chart-point" style="left: 90%;"></div>
</div>

在上面的示例中，我們將走勢圖容器設置為相對定位，并限定了高度；然后使用絕對定位分別創建了橫坐標軸、走勢線和數據點，并設置它們的樣式和位置。其中走勢線使用了CSS漸變，實現了顏色的平滑過渡。