圓點(diǎn)環(huán)繞CSS是一種常見的實(shí)現(xiàn)文本環(huán)繞效果的CSS技巧。通過(guò)使用CSS屬性來(lái)控制文本與其他元素之間的距離，可以讓文本圍繞某元素周圍呈現(xiàn)出圓點(diǎn)環(huán)繞的效果。

/* 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;
}

實(shí)現(xiàn)圓點(diǎn)環(huán)繞的關(guān)鍵在于兩個(gè)元素：包裹文本的容器元素和圍繞其環(huán)繞的元素。在上面的代碼中，容器元素是一個(gè)具有邊框的盒子，用來(lái)包裹文本內(nèi)容。同時(shí)，在文本的左側(cè)，有一個(gè)用標(biāo)簽實(shí)現(xiàn)的紅色圓點(diǎn)。

要使文本圍繞這個(gè)圓點(diǎn)環(huán)繞，需要對(duì)文本進(jìn)行微調(diào)。首先，使用CSS的text-indent屬性對(duì)文本進(jìn)行縮進(jìn)，并用p:first-of-type對(duì)第一段文本添加上邊距，使其與紅點(diǎn)對(duì)齊。然后，使用margin-right屬性對(duì)紅色圓點(diǎn)進(jìn)行調(diào)整，確保文本不會(huì)覆蓋到圓點(diǎn)。最后，使用display:inline-block將圓點(diǎn)元素的寬高設(shè)置成一致，并使其成為行內(nèi)塊級(jí)元素。

通過(guò)調(diào)整這些屬性，我們就能實(shí)現(xiàn)圓點(diǎn)環(huán)繞的效果了。在實(shí)際使用中，可根據(jù)具體需要進(jìn)行調(diào)整，比如更改圓點(diǎn)的大小、文本的縮進(jìn)距離等。