在网页的布局中，我们常常会使用图片来丰富页面的内容，而让文字环绕图片则更能增加网页的美观度。使用CSS可以轻松实现让文字环绕图片的效果。 首先，我们需要在HTML中添加图片和文本。可以使用img标签添加图片，并在p标签中添加文本内容。如下所示： ```

这是一段文本，其中包含了一张美丽的图片。

``` 接下来，我们需要使用CSS将文字环绕在图片周围。使用float属性可以使图片浮动到文本的左侧或右侧，让文本环绕在图片周围。如下所示： ``` img { float: left; /* 图片向左浮动 */ margin-right: 10px; /* 图片和文本之间的距离 */ } ``` 在上述代码中，我们将图片向左浮动，并添加了10像素的右边距，以便在图片和文本之间留出一定的空间。 最后，我们需要确保文字环绕图片的内容不会覆盖到图片下方的区域。使用clear属性可以避免这种情况的发生。如下所示： ``` p { clear: both; /* 避免文字覆盖到图片下方 */ } ``` 在上述代码中，我们使用clear属性将文本元素清除为浮动元素的下一行。这能够保证文本不会覆盖图片下方的区域。 完整代码如下所示： ```

这是一段文本，其中包含了一张美丽的图片。

``` 以上就是让文字环绕在图片周围的CSS实现方式。你可以根据自己的需求定制不同的样式和布局，让网页呈现出更加独特的风格。