CSS中位置小圖標的寫法有多種，以下是一種簡單的方法：

1、創(chuàng)建一個包含位置小圖標的HTML元素，例如一個div元素。

2、使用CSS為該元素添加樣式，設(shè)置其寬度、高度、背景顏色等屬性。

3、將位置小圖標作為該元素的背景圖像，使用CSS的background-image屬性進行設(shè)置。

4、調(diào)整位置小圖標的位置，使用CSS的position屬性進行設(shè)置。

以下是一個示例代碼：

HTML代碼：

<div class="location-icon">
  <!-- 位置小圖標的內(nèi)容 -->
</div>

CSS代碼：

.location-icon {
  width: 30px;
  height: 30px;
  background-color: #ff0000;
  position: relative;
}
.location-icon::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  width: 40px;
  height: 40px;
  background-image: url("location-icon.png");
  background-size: 40px 40px;
}

在上面的代碼中，我們創(chuàng)建了一個名為“l(fā)ocation-icon”的div元素，并為其添加了樣式，該元素的寬度和高度都設(shè)置為30像素，背景顏色為紅色，我們還使用了一個偽元素“::before”來添加位置小圖標，并將其設(shè)置為***定位，以便可以調(diào)整其位置，我們將位置小圖標的URL設(shè)置為“l(fā)ocation-icon.png”，并將其大小設(shè)置為40像素。

這只是一個簡單的示例，你可以根據(jù)自己的需求進行調(diào)整，你可以更改位置小圖標的大小、顏色、形狀等屬性，以及調(diào)整其位置，你還可以使用其他CSS屬性來增強位置小圖標的效果，例如添加邊框、陰影等。