寫小圖標在CSS中通常使用偽元素或字體圖標，以下是使用偽元素創(chuàng)建小圖標的示例：

.icon {
  width: 20px;
  height: 20px;
  background-color: #000;
  position: relative;
}
.icon::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 20px;
  background-color: #fff;
}

在這個示例中，我們創(chuàng)建了一個帶有圓形背景和一個小矩形的圖標，我們定義了一個名為.icon的類，并設(shè)置其寬度和高度為20像素，我們使用偽元素::before和::after來創(chuàng)建圓形背景和小矩形。::before偽元素用于創(chuàng)建圓形背景，::after偽元素用于創(chuàng)建小矩形，通過調(diào)整top、left、width和height屬性，我們可以輕松地移動和調(diào)整圖標的位置和大小。

除了使用偽元素創(chuàng)建小圖標外，我們還可以使用字體圖標庫，例如Font Awesome或Glyphicons，這些字體圖標庫提供了許多預(yù)定義的圖標，可以輕松地添加到我們的網(wǎng)站中，使用字體圖標庫的好處是，它們可以輕松地調(diào)整大小和顏色，并且可以在任何文本中使用。

CSS提供了多種創(chuàng)建小圖標的方法，我們可以根據(jù)自己的需求選擇***適合的方法。