你好，方式有很多哦，随便列举3种方式：
使用本身就是动态变化的（gif）作背景。但是gif图不仅要求图片长宽大，而且清晰度也要高。
使用几张图片，用javascript每隔一段时间刷新背景图片的url地址为每一张图片。
使用HTML5 动画技术。
1、html中可以用img标签插入图片也可以用css的background插入。具体方法是首先新建一个html文件，里面新建两个div标签，第二个标签中插入img标签并插入图片：
2、然后在上方的style标签中设置第一个div的样式，先给div长度和高度，接着是用background属性引入图片，设置图片不重复以及图片的显示位置j即可：
3、最后打开浏览器就可以看到用两种方法引入的gif的图片了：
用p标签撒..... 给p标签定义margin和padding 然后定义backgroud-color 和color 最后再浮动一个span（用css3制作三角形 这个可以百度的）定位到p标签上
<p style="position: relative
"><span style="
padding: 1em
border-radius: 0.5rem
background-color: yellowgreen
color: rgb(97, 94, 94)
font-weight: 400
">求大神，怎么实现图中的自动换行效果，就是假如文字比较多，框自动加长</span>
<span style="
position: absolute
top: -1.2rem
left: 0.5rem
width: 0 height:0
border-left: 0.5rem solid transparent
border-right: 0.5rem solid transparent
border-bottom: 0.7rem solid yellowgreen
"></span></p>
![[前端][CSS] 纯css实现纵向滚动固定表头与横向内容滚动](/aiimages/%5B%E5%89%8D%E7%AB%AF%5D%5BCSS%5D+%E7%BA%AFcss%E5%AE%9E%E7%8E%B0%E7%BA%B5%E5%90%91%E6%BB%9A%E5%8A%A8%E5%9B%BA%E5%AE%9A%E8%A1%A8%E5%A4%B4%E4%B8%8E%E6%A8%AA%E5%90%91%E5%86%85%E5%AE%B9%E6%BB%9A%E5%8A%A8.png)
