在CSS中，您可以使用border-radius屬性來(lái)創(chuàng)建一個(gè)圓圈數(shù)字，這個(gè)屬性可以將一個(gè)元素的邊框半徑設(shè)置為50%，從而形成一個(gè)完整的圓圈，以下是一個(gè)示例代碼：

.circle-number {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #007bff;
  color: #fff;
  text-align: center;
  line-height: 30px;
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)名為.circle-number的CSS類(lèi)，這個(gè)類(lèi)將應(yīng)用于需要顯示圓圈數(shù)字的元素。width和height屬性將元素的大小設(shè)置為30像素，而border-radius屬性則將其邊框半徑設(shè)置為50%，從而形成一個(gè)圓圈。background-color屬性將背景顏色設(shè)置為藍(lán)色，color屬性將文字顏色設(shè)置為白色。text-align屬性將文字居中對(duì)齊，line-height屬性將行高設(shè)置為30像素，以確保文字在圓圈中垂直居中。

您可以將這個(gè)類(lèi)應(yīng)用于任何需要顯示圓圈數(shù)字的元素，例如一個(gè)<div>元素或一個(gè)<span>元素。

<div class="circle-number">1</div>

在這個(gè)示例中，我們創(chuàng)建了一個(gè)<div>元素，并將其內(nèi)容設(shè)置為“1”，由于我們應(yīng)用了.circle-number類(lèi)，這個(gè)數(shù)字將顯示為圓圈形狀，您可以根據(jù)需要更改這個(gè)數(shù)字，或者添加其他樣式來(lái)定制圓圈數(shù)字的顯示方式。