拉易网最新（带你走进拉易网）
拉易网最新（带你走进拉易网）然后我们给空白组件添加背景图，这里就直接使用远程图片设置微信商户平台的logo，并调整背景的位置偏右即可。效果图如下：首先我们从拉易网左侧拖动一个空白组件到右侧，然后设置空白组件的背景颜色为：#3ecf58。效果图如下：第三部分像是一个表格。我们可以将它拆分为四行，每行包含三列，使用容器来实现。好，现在开始第一部分的制作第一部分
现在我们开始真正使用拉易网来制作一封漂亮的HTML邮件。我们今天的任务就是完成下图所示。
我们不急于马上着手制作，先看一遍需求，有个整体概念。
第一部分是一个标题logo，可以使用一个空白组件 背景来实现。
第二部分是文字，我们可以看作整体是一段大的段落文字，也可以将它看作三段小的文字，这里我推荐拆分为3段文字，这样可控性比较强，可以更灵活地对每个段落进行设置。
第三部分像是一个表格。我们可以将它拆分为四行，每行包含三列，使用容器来实现。
好，现在开始第一部分的制作
第一部分
首先我们从拉易网左侧拖动一个空白组件到右侧，然后设置空白组件的背景颜色为：#3ecf58。效果图如下：
然后我们给空白组件添加背景图，这里就直接使用远程图片设置微信商户平台的logo，并调整背景的位置偏右即可。效果图如下：
就这么简单，第一部分已经做好了！学到这里，已经是学会神功的10%了，突然感觉自己好厉害的样子^_ ^ 。
乘胜追击，马上继续第二部分的制作
第二部分
我们看到第二部分是文字，按照我们上面分析的来制作。
拖拽左侧的文本组件过右侧，修改文字描述，设置文字对齐和填充距离。效果图如下：
这里需要注意的是：如果文字为复制过来，那么可能出现设置文字颜色失效的情况，原因就是复制过来的文字可能带有样式，导致这里设置样式失效，先清除原来样式即可。
- 复制一份修改文字，作为第三个段落，效果如图：
2.同理拖拽文字到右侧设置文字描述、颜色、对齐、填充等基本属性。效果如下图：
3.到这里发现头部标题logo离文字的空白距离太过于紧密，跟原邮件不一样，可以通过拖拽空白组件来实现。效果图如下：
第二部分也制作完毕，完成到这里，已经对拉易网的基本功能有个了解，其他组件大同小异。拖拽式邮件制作已经学会了30%啦，允许我再开心多一会会^_ ^。
第三部分
这部分将介绍另一个强大组件容器的使用，上面我们分析，这里看作四行，每行三列。
1.我们先制作第一列，从左边拖拽一个三列式容器过去右侧，然后设置背景颜色为：#f1f5f0。效果如下图：
2.为前两列填充文字描述，从左侧拖拽组件到容器内，修改每列的文字描述、对齐等属性。效果图如下
3.下面三列通过复制第一列，修改对应的文章描述即可。效果图如下：
4.第一列的“密”字，我们可以通过空白 背景实现，效果图如下：
好了，到这里今天的制作基本完成，大家是否已经get到这项简单而实用的HTML邮件制作技能？如果已经get到的话，那么，现在你已经学会了50%。但细心的同学会发现有两处跟设计图不一样：
“密”字的大小，设置不了跟原邮件一样的大小，因为填充空白组件的时候不能太大，会影响到排版。
“申请对应的公众号”对应的公司缺少括号里的内容，如果写上括号内容，文字过长，会折行。
在这里埋两个小坑，今天内容有点多，先不处理，在最后一天会教大家把这两处制作得跟设计图一模一样。今天的内容就这样结束，明天继续后面的操作，偷偷的提示大家一下，会用到更高级的“子容器”喔！
今天好开心，那么快学会了精美的HTML邮件制作，嘻嘻嘻 ^_ ^
————————————————
版权声明：本文为CSDN博主「^_^秀」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/winner_xiu/article/details/99688412
