CSS是網頁設計中非常重要的一種樣式表語言，不僅可以實現網頁中的布局、字體、顏色等基本樣式，還可以通過CSS繪制出各種復雜的圖表，為網頁帶來更好的視覺效果和交互體驗。

.chart {
width: 500px;
height: 300px;
border: 1px solid #ddd;
position: relative;
}
.chart .axis-x {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #ddd;
}
.chart .axis-y {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 100%;
background-color: #ddd;
}
.chart .bar {
position: absolute;
bottom: 0;
width: 30px;
background-color: #369;
}

上述代碼是一個簡單的條形圖的實現，通過CSS的position屬性實現了各個元素的位置定位，其中axis-x和axis-y為坐標軸，bar為條形圖的柱子。

除了條形圖，我們還可以通過CSS實現折線圖、餅圖等各種復雜的圖表，只需要充分利用CSS各種屬性和選擇器的組合，配合HTML和JavaScript的運用，就可以創造出各種豐富多彩的網頁效果。