不会代码,你也能做背景样式!!!

背景图样式制作教程

我是小三儿

今天教大家

制作背景图样式

不用学代码

也不用会代码

简单几步

就可做成一个样式





如上,今天要讲的就它的制作过程啦!


不需要你会代码,只要你有好看的图片,都可以做出这个样式!前提是你认认真真的把这个教程看完并去实践。



第一步

你先要清空编辑区域,并点击删除清空后预留的样式框。这一步,主要是为了避免你做的样式中有冗余代码而影响了格式。


640?wx_fmt=gif&tp=webp&wxfrom=5&wx_lazy=



第二步

点击背景按钮,上传背景图。

将左右边距、上下边距设置为0px,背景图尺寸可根据上传背景图是横图或者竖图选择按长边或者按短边,对齐方式建议居中,重复方式选择不重复,然后点击确定。




第三步

点击背景图,输入文字。

要根据图片的最佳显示来确定背景图需要输入的文字行数,文字行数不足,可以使用回车空行。教程中为了缩短录制时间,直接粘贴的文字。


grey.gif



第四步

点击HTML件,进入源代码模式。

选中代码,ctrl + x 剪切代码,然后点击HTML键退出源代码模式,再点击HTML键,进入源代码模式,然后选中<p>...</p>标签代码,ctrl + v 粘贴,再退出源代码模式。

此时,这个样式就完成了。


grey.gif



第五步

保存成样式模板。

点击这个样式,选择保存,这个样式就会被保存在模板中。


grey.gif



第六步

将样式使用在文章排版中。

在你排版文章的任意位置,你都可以直接这个样式。


grey.gif



最后

如果你没有好看的动图,那么你可以按照相同的步骤,制作一个纯色背景样式,并且,第二步中只需修改边距即可,教程如下:


grey.gif



所以,就算你不会代码,在135编辑器也可以做出好看好玩的样式的!前提是关注了135编辑器和小三儿一起学排版~哈哈哈哈哈



我是小三儿

我排版贼溜

可以叫我小溜儿



grey.gif

135编辑器

这个“引导关注”

我推五遍教程了

grey.gif


文章评价
登录后可以评论
立即登录