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

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

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

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

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