在微信公众平台，一条可读性高、有吸引力的图文素材，需要内容句句干货，现在的读者对一抟庖汨甲篇文章的需求越来越高，这就需要旧匙炭怩苦逼的微信运营者绞尽脑汁的做出更多的编辑效果来吸引读者的眼球，在上一篇经验中已经讲解如果微信公众号图文怎么编辑圆角的彩色背景，下文将讲述微信公众号图文集编辑中怎么设置多色直角背景（附效果图）。
工具/原料
微信公众账号
MacromediaDreamweaver软件（文中都简称为DW）
一款测试效果的浏览器
一颗勇于探索的心
方法/步骤
1、打开MacromediaDreamweaver软件（后文均简写为DW）
2、这是做测试写好的代码水貔藻疽，现在已经在DW中打开多色直背景效果。上一条百度经验中为网友方便，写了赤橙黄绿青蓝紫7个颜色效果，这个遘抟斟喏步骤不再举多个颜色的例子，但是会告诉网友朋友怎么写出你想要的颜色。朋友，可以拷贝下一个步骤的代码到你的软件。
3、<metahttp-equiv="Content-Type&孥恶膈茯quot;content="text/ht罪焐芡拂ml;charset=utf-8"/>【这一段加粗的代码不要忘记，否则浏览器测试的时候会显示乱码·粘贴代码后这一行斜体字删除】<p><spanstyle="border:0px;margin:0px;padding:6px10px;color:#ffffff;background-color:#006600;">微信公众号图文编辑-多色直角背景</span></p><p> </p><p><spanstyle="border:0px;margin:0px;padding:6px10px;color:#ffffff;background-color:#222222;">微信公众号图文编辑-多色直角背景</span></p><p> </p><p><spanstyle="border:0px;margin:0px;padding:6px10px;color:#ffffff;background-color:#cd0000;">微信公众号图文编辑-多色直角背景</span></p><p> </p><pstyle="border:0px;padding:0px;color:#333333;letter-spacing:0.25px;line-height:28px;font-family:helvetica,'microsoftyahei','hiraginosansgb',sans-serif;font-size:14px;background-color:#ffffff;margin-top:15px;margin-bottom:15px;">直接选择需要的样式拷贝到需要的地方，修改其中的文字即可</p>
4、现在看一下在浏览器下预览出来的网页效果
5、网友庵诬蒇碳朋友，是不是还没有忘记我们还要自己添加需要的背景颜色呢？复制这段红色背景的代码做例子吧！<p><spanstyle="稆糨孝汶;border:0px;margin:0px;padding:6px10px;color:#ffffff;background-color:#cd0000;">微信公众号图文编辑-多色直角背景</span></p><p> </p>
6、修改这一段代码中的“background-color:#cd0000”为“background-color:#FF00FF”，或者任何你需要的颜色，效果就出来了
7、再次看一下在浏览器下的预览效果
8、此时此刻，你可以淡定的拷贝预览下的内容，粘贴到你的微信公众平台的图文编辑处了，我们来看一下图文编辑框中的效果
9、直接选择需要的样式拷贝到需要的地方，修改其中的文字即可！Now，你已经拥有了微信公众号图文编辑的多色直角背景，任由自己发挥做出你想要的效果吧！