1、打开Macromedia Dreamweaver软件（后文均简写为DW）
2、这是做测试写好的代码，现在已经在DW中打开。为了网友方便此处直接引用#微信公众号图文编辑-多色圆角背景#百度经验的例子。网友朋友，可以拷贝下一个步骤的代码到你的软件。
3、<meta http-equiv="Content-Type&孥恶膈茯quot; content="text/ht罪焐芡拂ml; charset=utf-8" /> <p><span style="border:0px;margin:0px;padding:6px 10px;color:#ffffff;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background-color:#6600FF;box-shadow:#a5a5a5 5px 5px 2px;">微信公众号图文编辑-多色圆角背景</a></span></p><p> </p><p><span style="border:0px;margin:0px;padding:6px 10px;color:#ffffff;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background-color:#006600;box-shadow:#a5a5a5 5px 5px 2px;">微信公众号图文编辑-多色圆角背景</a></span></p><p> </p> <p><span style="border:0px;margin:0px;padding:6px 10px;color:#ffffff;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background-color:#0000FF;">微信公众号图文编辑-多色圆角背景</a></span></p><p> </p> <p><span style="border:0px;margin:0px;padding:6px 10px;color:#ffffff;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background-color:#222222;">微信公众号图文编辑-多色圆角背景</a></span></p><p> </p> <p><span style="border:0px;margin:0px;padding:6px 10px;color:#ffffff;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background-color:#cd0000;">微信公众号图文编辑-多色圆角背景</a></span></p><p> </p> <p><span style="border:0px;margin:0px;padding:6px 10px;color:#ffffff;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background-color:#FF3300;">微信公众号图文编辑-多色圆角背景</a></span></p><p> </p> <p><span style="border:0px;margin:0px;padding:6px 10px;color:#ffffff;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background-color:#FFFF00;"><span class="STYLE1">微信公众号图文编辑-多色圆角背景</span></a></span></p><p> </p>
4、注意图中彩色框起来的代码处，是为前两个文本框增加了阴影，box-shadow:#a5a5a5 5px 5px 2px。
5、现在，在浏览器下查看效果，如果测试没有问题，就可以直接拷贝到微信公众号的图文编辑栏内了。
6、拷贝到微信公众平台图文编辑栏内的效果。根据你的需求，换成自己需要的文字就可以了！当然在DW编辑过程中换成你的文字也可以了。
