shape-outside

要实现文字环绕效果，你可以使用CSS中的float属性和shape-outside属性。下面是一种常见的实现方式：

HTML结构：

<div class="container">
  <div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque euismod felis a mauris volutpat, a vulputate orci pulvinar.</div>
  <img src="path/to/image.jpg" alt="Image" class="image">
</div>

CSS样式：

.container {
  position: relative;
}

.text {
  float: left;
  width: 60%;
  shape-outside: polygon(0 0, 100% 0, 100% 100%);
  padding: 20px;
}

.image {
  float: right;
  width: 40%;
  margin-left: 20px;
}

在上面的示例中，.container是一个包含文字和图片的容器。.text是文字的容器，使用float: left将其浮动到左侧。使用width属性设置文字容器的宽度，使用shape-outside属性定义一个多边形形状，以使文字环绕图片。在这个例子中，我们使用polygon()函数定义一个矩形形状，你可以根据需要调整形状的坐标。.image是图片的容器，使用float: right将其浮动到右侧，并使用width属性设置图片容器的宽度。margin-left属性用于在图片和文字之间创建一些间距。

请注意，shape-outside属性的兼容性有限，不是所有浏览器都支持。在某些情况下，你可能需要使用其他方法来实现文字环绕效果，例如使用CSS的position属性和z-index属性来定位文字和图片。另外，如果你的文字内容较长，可能需要使用更复杂的形状定义，如circle()或path()，以实现更精确的环绕效果。