微信公众号图文编辑-多色直角背景

2024-10-12 10:27:00

1、打开Macromedia Dreamweaver软件(后文均简写为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;background-color:#006600;">微信公众号图文编辑-多色直角背景</span></p><p>&nbsp;</p> <p><span style="border:0px;margin:0px;padding:6px 10px;color:#ffffff;background-color:#222222;">微信公众号图文编辑-多色直角背景</span></p><p>&nbsp;</p> <p><span style="border:0px;margin:0px;padding:6px 10px;color:#ffffff;background-color:#cd0000;">微信公众号图文编辑-多色直角背景</span></p><p>&nbsp;</p> <p style="border:0px;padding:0px;color:#333333;letter-spacing:0.25px;line-height:28px;font-family:helvetica, &#39;microsoft yahei&#39;, &#39;hiragino sans gb&#39;, sans-serif;font-size:14px;background-color:#ffffff;margin-top:15px;margin-bottom:15px;">直接选择需要的样式拷贝到需要的地方,修改其中的文字即可 </p>

4、现在看一下在浏览器下预览出来的网页效果

微信公众号图文编辑-多色直角背景

6、修改这一段代码中的“background-color:#cd0000”为“background-color:#FF00FF”,或者任何你需要的颜色,效果就出来了

微信公众号图文编辑-多色直角背景

8、此时此刻,你可以淡定的拷贝预览下的内容,粘贴到你的微信公众平台的图文编辑处了,我们来看一下图文编辑框中的效果

微信公众号图文编辑-多色直角背景

9、直接选择需要的样式拷贝到需要的地方,修改其中的文字即可!Now,你已经拥有了微信公众号图文编辑的多色直角背景,任由自己发挥做出你想要的效果吧!

猜你喜欢