CSS圆点背景是一个很简单实用的效果，可以用于网页文本中的列表、导航菜单等。实现该效果主要需要使用CSS中的list-style和background属性来设置。以下是一些示例代码。

ul {list-style: none;}li {padding-left: 20px;background: url("circle.png") no-repeat left center;}

上面的代码中，我们将列表元素的list-style设为none，这样就不会出现默认的圆形标记。然后，我们通过background属性来设置圆点背景，其中circle.png是一个半透明的圆点图片，通过no-repeat选项避免重复显示，通过left center定位在左中部。

ul {list-style: none;}li {position: relative;padding-left: 20px;}li:before {content: "";display: block;position: absolute;width: 10px;height: 10px;top: 50%;left: 0;transform: translateY(-50%);background: #f00;border-radius: 50%;}

该代码实现的方式是通过伪元素:before来实现圆点背景。首先，我们将列表元素的list-style设为none，然后对列表项设置一个padding-left来留出位置。接着，我们使用:before伪元素来添加一个块级元素，并进行绝对定位。通过width和height属性来定义圆点的大小，在top和left中分别指定了圆点的位置。然后使用transform来将其垂直居中。最后，通过background和border-radius属性设置圆点的背景色和圆角半径。