手把手教你玩转文章背景图

    厌倦了纯白的背景色,想要尝试更多元化的文章版式?

    从背景下手,最容易出效果。

    今天就来讲讲如何设置一篇文章的背景图


    先来看看几个例子





    以上两篇是小编截取的135历史文章中使用背景图的文章

    各位宝宝觉得怎样?



    做出上述炫酷的背景图,只需三个步骤:

    1.上传背景图

    2.选择半透明样式

    3.插入样式 适当修改


    下面小编将分条进行详细阐述



    一:上传背景图



    上传背景图有两种方式,

    一是选择135编辑器的在线图片作为背景图,方法简便。

    二是用户选择本地图片作为文章背景图。

    本文主要讲述后者使用方法。


    上传图片复制网址上传背景图 






    二:选择半透明样式



    背景图设置成功后,你会发现如果在背景图上码字,基本上看不清写了什么。

    像这样:

    这时,我们需要,在背景图上增加一个半透明的样式,

    这样文字写在纯色图层上,更易分辨。


    像这样:


    具体操作方法:

    样式中心半透明样式收藏





    三:插入样式



    插入样式后,首先判断样式与背景图是否搭调。


    插入样式输入文章内容 ➤整体预览




    若样式和背景图不搭,再进一步改变颜色和透明度


    给样式换色改变透明度




    修改代码放大示意图:



    在代码中找到

    opacity: 0.6; background: rgb(226, 121, 97);

    删除 opacity: 0.6;

    rgb(226, 121, 97); 改为 rgba(226, 121, 97,0.9)

    注意:0.9为透明度。0为全透明,1为不透明

    本次小编设置透明度0.9






    效果展示



    有些朋友可能要问了,好看的背景图哪里去找呢?

    小编在这里提供一个思路

    可以将 搜索关键词 设置为『手机壁纸、桌面壁纸』 

    常常会有意外收获~


    喜欢这种风格的朋友们,赶紧用起来吧~


    -END-