html设置背景图片_公众号怎么设置“两个背景”？—135编辑器有妙招

单一的背景图片已经不能满足如今微信公众号的排版了，那么今天135编辑器就来教大家如何设置图文排版“两个背景”。

第一步：清空文档，删除样式红虚线框，目的是避免代码冗长；随便输入一个数字，打几下回车，再输入一个数值，目的是制造一个段落高度，后期更直观查看背景情况。

然后点击背景按钮，点击颜色设置，根据自己需求选择颜色，这里我选择白色；上下边距和左右边距可以设置为0px，也可保持不变，然后确定。

第二步:点击“微信复制”，复制成功后，点击“清空新建”，然后再删除样式红虚线框；再直接点击背景按钮，上传自己做好的图片背景，在背景设置里，将上下/左右边距设置为30px，建议15-30px即可。

接着建议将背景尺寸设置为“水平拉伸（等比）”，将重复方式设置为“竖直重复”，再点击确定；最后，点击背景，按 Ctrl + V 粘贴刚刚复制的白色背景。

第三步：切换到 HTML 模式，将这段代码：

background-image: -webkit-linear-gradient(left, rgb(255, 255, 255), rgb(255, 255, 255), rgb(255, 255, 255));修改成如下：background-color: rgba(255, 255, 255,0.6);

注意标点符号要在英文状态下输入，这一步主要是将白色背景设置透明度。最后再退出 HTML 模式。第四步填充文字内容，设置加粗、文字阴影等，然后差不多应该就是这个样子了。

本次是135微信编辑器教大家做这种“双背景”的排版，下次争取上线一批好看的双背景样式，给大家直接使用。