CSS是前端開發中必不可少的基礎技術，其中圓形元素是一個很常見的需求。除了可以添加文字以外，還可以在圓形元素內部添加數字。本文將為大家介紹如何使用CSS將數字放入圓形元素中。

HTML代碼：
<div class="circle">
<span class="number">1</span>
</div>
CSS代碼：
.circle {
width: 50px;
height: 50px;
background-color: #333;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.number {
color: white;
font-size: 24px;
}

在HTML代碼中，我們使用一個`div`元素來創建圓形元素，并在其中嵌套了一個`span`元素用于顯示數字。

接下來，在CSS中，我們為`div`元素設置了`width`和`height`屬性來創建一個50px x 50px大小的圓形元素。然后，使用`background-color`屬性設置背景顏色為#333，`border-radius`屬性設置邊框半徑為50%來達到圓形的效果。

為了將數字居中顯示，我們使用了`display: flex;`和`justify-content: center; align-items: center;`屬性將`div`元素設置為彈性盒模型，并且將其內部對齊方式設置為居中。

在`.number`樣式中，設置了`color`屬性為白色，`font-size`屬性為24px，以達到數字比較突出的效果。

通過以上HTML和CSS代碼，我們可以輕松地在圓形元素中添加數字。需要注意的是，需要根據實際需求調整圓形元素的大小和數字的顏色、字體大小等樣式。