用html实现文字环绕图片

想实现文字环绕图片的效果要用float

要点：使用float实现，float最初的作用就是用在环绕。

让文字向左浮动，然后图片向右浮动

HTMl部分

前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端前端前端前端前端前

复制代码

CSS部分：

.dc-left-text{ width: 428px; text-transform: capitalize; margin-top: 10px; float: left;}.dc-left-img{ float: right; padding: 20px 0 20px 20px;}

复制代码

首字下沉效果：

.dc-left-text::first-letter { font-weight: bold; font-size: 70px; color: #F5E327; font-family: "微软雅黑"; float: left; margin-right: 10px;}

复制代码

首字下沉效果主要使用伪类

---------------------
作者：feifei6170
来源：CSDN

公众号ID：tzbc666扫码关注最新动态*声明：本文于网络整理，版权归原作者所有，如来源信息有误或侵犯权益，请联系我们删除或授权事宜。

转发和好看也是一种支持！