制作HTML精美邮件(第一天)
现在我们开始真正使用拉易网来制作一封漂亮的HTML邮件。我们今天的任务就是完成下图所示。
我们不急于马上着手制作,先看一遍需求,有个整体概念。
第一部分是一个标题logo,可以使用一个空白组件+背景来实现。
第二部分是文字,我们可以看作整体是一段大的段落文字,也可以将它看作三段小的文字,这里我推荐拆分为3段文字,这样可控性比较强,可以更灵活地对每个段落进行设置。
第三部分像是一个表格。我们可以将它拆分为四行,每行包含三列,使用容器来实现。
好,现在开始第一部分的制作
第一部分
- 首先我们从拉易网左侧拖动一个空白组件到右侧,然后设置空白组件的背景颜色为:#3ecf58。效果图如下:
- 然后我们给空白组件添加背景图,这里就直接使用远程图片设置微信商户平台的logo,并调整背景的位置偏右即可。效果图如下: