圆点样式使用 :before 和 :after 伪元素来创建圆形，并通过设置半径和数量来控制圆点的大小和数量。环绕样式使用 CSS 环绕规则来创建一个环绕效果，其中圆点会在元素的中心位置。
下面是一个简单的示例，展示了如何使用 CSS 圆点扩散来创建一个圆形：
:before {
content: “”;
border-radius: 50%;
background-color: #333;
width: 10px;
height: 10px;
margin: 0 auto;
:after {
content: “”;
border-radius: 50%;
background-color: #333;
width: 10px;
height: 10px;
margin: 0 auto;
在这个示例中，大家创建了两个圆点，它们位于元素的背景色中，并通过设置半径和数量来控制圆点的大小和数量。大家使用margin: 0 auto；属性来使圆点位于元素的中心位置。
使用 CSS 圆点扩散可以创造出一种美观、自然的模糊效果，使元素更加美观和自然。随着技术的不断发展，大家可以期待更多的 CSS 样式和技巧，使圆点扩散的效果更加出色。