CSS是Web前端开发人员的必备技能之一，其中比较常见的需求是制作圆形样式，并在其中嵌入数字。下面我们来介绍一下如何使用CSS实现这一需求。

.circle {
border-radius: 50%; /*将元素变为圆形*/
width: 100px;
height: 100px;
background-color: #ccc; /*设置背景色*/
display: flex; /*让内部元素垂直和水平居中*/
justify-content: center;
align-items: center;
font-size: 50px; /*设置字体大小*/
font-weight: bold; /*设置字体粗细*/
}

在上述代码中，我们定义了一个CSS类名为"circle"，并设置了边框半径为50%，使其呈现圆形。接着设置元素的宽和高均为100px，并设置了背景颜色。为了让后面的数字垂直和水平居中，我们使用了flex布局，并设置了字体大小和粗细。

HTML代码如下：

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

在HTML中我们定义了一个div元素，并给它添加了上述CSS类名。同时，在div元素中添加数字"1"即可。此时，圆形里面就成功嵌入了数字，如下图所示：