在Web開發中，經常需要將數字以圓形的形式顯示出來。這個時候就可以用到CSS的圓圈加數字的技術。

首先，我們需要創建一個圓形的容器。可以使用border-radius屬性來設置，同時設置寬度和高度相等的值。例如：

.circle {
width: 40px;
height: 40px;
border-radius: 50%;
}

接下來，我們需要將數字顯示在圓形容器中。可以使用偽元素before或after，將數字嵌入到圓形容器內。例如：

.circle:before {
content: "1";
display: block;
text-align: center;
line-height: 40px;
font-size: 20px;
}

其中，content屬性用于設置要插入的內容，這里是數字1；display屬性用于將偽元素變成塊狀元素，以便將數字居中；text-align屬性用于居中數字；line-height屬性用于設置數字垂直居中的值；font-size屬性用于設置數字的大小。

最后，我們可以為圓形容器加上一些樣式，讓它看起來更加美觀。例如：

.circle {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #f1c40f;
color: #fff;
font-weight: bold;
text-shadow: 1px 1px #333;
box-shadow: 1px 1px 5px #888;
}

其中，background-color屬性用于設置容器的背景色；color屬性用于設置數字的顏色；font-weight屬性用于設置數字的加粗程度；text-shadow屬性用于為數字添加陰影；box-shadow屬性用于為容器添加陰影。

使用上述代碼，我們就可以創建出一個漂亮的圓圈加數字的效果。