微信公众号图文编辑-怎么制作对话效果的页面-百问二三

的有关信息介绍如下：

微信公众号图文编辑-怎么制作对话效果的页面

微信公众号图文编辑，有很多展示效果可以用代码实现，本篇经验将讲到怎么制作对话效果的页面？

代码准备：如下做测试写好的代码，已经在DW中打开，原始案例以以黑色字体，橙色和蓝色对话气泡、男生女生头像为例。现在，拷贝下一个步骤的代码到你的软件，呈现本步骤图片效果。

上半部分代码：

【微信公众号图文编辑-怎么制作对话效果】的页面直接选择需要的样式拷贝到需要的地方，修改其中的文字即可。

下半部分代码：

【微信公众号图文编辑-怎么制作对话效果的页面】直接选择需要的样式拷贝到需要的地方，修改其中的文字即可。

将代码运行在浏览器上的效果预览，如下图。

在浏览器预览下，直接拷贝效果到微信公众平台的图文编辑框内查看效果，如下图。

看上一步骤可以，效果已经成功呈现。若修改字体颜色，可以再微信图文编辑框内直接修改；若修改文本框颜色，可以找到代码中的“background-color: rgb(188, 227, 249)”和“background-color: rgb(255, 228, 200);”编辑修改。