制作精美HTML邮件第二天
今天继续使用拉易网进行腾讯商户平台审核成功通知的制作,先看看今天需要制作的内容,效果如图:
按照惯例,我们先分析一下整体效果:
第一部分是一个横线标题:我们可以看作是一个两边是横线,中间是文字的三列式容器。采用横线组件、文字组件和三列式容器来将其实现。
第二部分上面是一段文字,下面是左中右三列式结构:文字部分使用文字组件+背景实现;三列式结构中,竖横线的高度要比第一列的图片和第三列的文字和要高,所以需要使用子容器包裹着两边的图片和文字。
第三部分为文字+按钮:比较简单,使用文字和按钮可以实现。
第一部分
- 我们先拖拽出一个三列式组件,然后设置组件比例为2:1:2,效果图如下:
- 将横线拖进三列式组件的第一列,并设置宽度和填充,效果图如下:</