在CSS中，我們可以使用圖表來展示數(shù)據(jù)，那么如何在CSS中編寫圖表呢？

我們需要在HTML中定義圖表的結(jié)構(gòu)，我們會(huì)使用div元素來定義圖表的容器，然后使用ul和li元素來定義圖表的數(shù)據(jù)系列。

<div class="chart">
  <ul class="series">
    <li class="data">數(shù)據(jù)1</li>
    <li class="data">數(shù)據(jù)2</li>
    <li class="data">數(shù)據(jù)3</li>
  </ul>
</div>

我們可以在CSS中定義圖表的樣式，我們可以使用CSS的邊框、背景、顏色等屬性來定義圖表的外觀。

.chart {
  width: 200px;
  height: 100px;
  border: 1px solid #000;
  background-color: #fff;
}
.series {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.data {
  float: left;
  width: 33.33%;
  height: 100%;
  text-align: center;
  line-height: 100px;
  color: #000;
}

在上面的代碼中，我們定義了一個(gè)寬度為200px、高度為100px的圖表容器，并設(shè)置了邊框和背景顏色，我們定義了數(shù)據(jù)系列的樣式，包括列表樣式、邊距和填充，我們定義了數(shù)據(jù)的樣式，包括浮動(dòng)、寬度、高度、文本對(duì)齊和行高。

這只是一個(gè)簡單的示例，實(shí)際的圖表可能會(huì)更加復(fù)雜，只要我們掌握了CSS的基本語法和選擇器，就可以輕松地編寫出各種樣式的圖表。