柱狀圖是展示數據的一種常用方式，CSS可以實現簡單的柱狀圖效果。以下是一個示例：

<div class="chart-container">
<div class="chart-bar"></div>
<div class="chart-bar"></div>
<div class="chart-bar"></div>
<div class="chart-bar"></div>
</div>

樣式：

.chart-container {
width: 200px;
height: 120px;
border: 1px solid #ccc;
display: flex;
}
.chart-bar {
flex-grow: 1;
background-color: #3388dd;
margin: 0 2px;
}
.chart-bar:nth-child(2) {
height: 80%;
}
.chart-bar:nth-child(3) {
height: 60%;
}
.chart-bar:nth-child(4) {
height: 40%;
}

解析：

首先，創建一個容器，設置寬度、高度和邊框。容器的子元素使用Flex布局，讓它們平均分配容器的寬度。

每個柱形圖使用一個div元素表示，設置背景顏色和間距。使用:nth-child偽類為每個柱形圖設置高度，用百分比表示。

這是一個簡單的柱狀圖，可以根據需要進行樣式調整，以達到更好的效果。