圆点环绕CSS是一种常见的实现文本环绕效果的CSS技巧。通过使用CSS属性来控制文本与其他元素之间的距离，可以让文本围绕某元素周围呈现出圆点环绕的效果。

/* CSS代码 */
.wrap{
float: left;
width: 200px;
height: 200px;
border: 1px solid #ccc;
margin-right: 20px;
}
span{
width: 50px;
height: 50px;
background-color: red;
display: inline-block;
border-radius: 50%;
margin-right: 20px;
}
p{
text-indent: 2em;
margin: 0;
}
p:first-of-type{
margin-top: 20px;
}

实现圆点环绕的关键在于两个元素：包裹文本的容器元素和围绕其环绕的元素。在上面的代码中，容器元素是一个具有边框的盒子，用来包裹文本内容。同时，在文本的左侧，有一个用标签实现的红色圆点。

要使文本围绕这个圆点环绕，需要对文本进行微调。首先，使用CSS的text-indent属性对文本进行缩进，并用p:first-of-type对第一段文本添加上边距，使其与红点对齐。然后，使用margin-right属性对红色圆点进行调整，确保文本不会覆盖到圆点。最后，使用display:inline-block将圆点元素的宽高设置成一致，并使其成为行内块级元素。

通过调整这些属性，我们就能实现圆点环绕的效果了。在实际使用中，可根据具体需要进行调整，比如更改圆点的大小、文本的缩进距离等。