厌倦了纯白的背景色,想要尝试更多元化的文章版式? 从背景下手,最容易出效果。 今天就来讲讲如何设置一篇文章的背景图 先来看看几个例子 以上两篇是小编截取的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 效果展示 移除点击此处添加图片说明文字 有些朋友可能要问了,好看的背景图哪里去找呢? 小编在这里提供一个思路 可以将 搜索关键词 设置为『手机壁纸、桌面壁纸』 常常会有意外收获~ 喜欢这种风格的朋友们,赶紧用起来吧~ |
|