CSS中可以使用偽元素和CSS屬性來繪制兩頭有圓點(diǎn)的代碼，以下是一個(gè)示例代碼：

.code-block {
  position: relative;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.code-block:before,
.code-block:after {
  content: "?";
  position: absolute;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #333;
  color: #fff;
  text-align: center;
  line-height: 20px;
}
.code-block:before {
  left: -20px;
}
.code-block:after {
  right: -20px;
}

這個(gè)代碼會(huì)生成一個(gè)帶有兩頭圓點(diǎn)的代碼塊。.code-block是代碼塊的容器，position: relative;使其相對(duì)定位，padding和border屬性使其具有內(nèi)邊距和邊框，border-radius屬性使其具有圓角。

偽元素.code-block:before和.code-block:after分別代表代碼塊前后的兩個(gè)圓點(diǎn)，它們被設(shè)置為***定位，位于代碼塊的頂部，并且具有相同的寬度、高度和背景顏色，文本顏色設(shè)置為白色，以確保在深色背景上可見。

通過調(diào)整left和right屬性，我們可以控制圓點(diǎn)相對(duì)于代碼塊的位置，在這個(gè)示例中，圓點(diǎn)被放置在代碼塊的左側(cè)和右側(cè)，但你可以根據(jù)需要調(diào)整它們的位置。