渐变背景

为元素设置渐变背景,渐变背景的响应速度比图片背景更快。

飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技飞鹿科技

1. 选择渐变背景

文档流布局界面→右键点击元素→渐变背景,如下图:

2. 设置渐变背景

(1)渐变背景形态

l  样式:“线性”表示呈线性渐变;“椭圆”表示呈椭圆形渐变。

l  重复:开启重复时,背景以两端色标内的颜色为循环渐变;关闭重复时,背景以色板区设置的颜色渐变。

开启重复预览图

关闭重复预览图

(2)预览区

选择线性样式:

预览区边缘会出现八个快捷方向键,激活后,背景会以方向键所指方向渐变。

预览区中心会出现一个圆形按钮,通过按住按钮改变箭头方向,可以控制线性渐变的方向。相对于快捷按键,本功能自由度与精确度更高。

选择椭圆样式:

预览区下方会出现一个下拉菜单,激活后可以设置原点位置、形状、半径。

在选中椭圆后,会出现设置椭圆位置的下拉菜单,点开菜单可以看到原点位置、形状、半径三个属性。

l  原点位置:设置原点位置,可以是%,也可以是px,点击%按钮可切换为px。

l  形状:可选圆形或椭圆形。

l  半径:可选“原点到最近的边”、“原点到最近的角”、“原点到最远的边”、“原点到最远的角”;也可以设为具体数值,单位为%或px,点击%按钮可切换至px。

(3)色板与色标

l  色板区:预览区下方的颜色栏,显示渐变的背景色,渐变方向从左到右。

l  色标区:色板区下方的灰色框,可以添加或删除色标。

l  色标:色标区中带方向的圆形按键。相邻的两个色标控制一个色块,左右移动色标控制色块大小。

注意:可以通过单击色标设置色块颜色,见下图:

l  添加色标:把鼠标移动到色标区上,至鼠标变为加号,单击色标区即可添加色标。

l  删除色标:用鼠标左键按住色标向上拖,至色标消失时,松手即可删除。如果不想删除,将色标拖回色标区,至色标再次出现,松手即可保留色标。

(4) 模板区

可以在模板区选择一个模板应用或编辑,也可以点击绿色加号按键将当前渐变背景设为模板,目前无法删除模板。

(5)位置和尺寸

l  尺寸:设置背景的大小,通常不需要进行更改。自动与覆盖按钮没有区别,都是默认的大小。自定义按钮提供自定义的大小。选中自定义按钮出现如下选项:

l  重复:设置背景是否重复。

l  自定义尺寸:设置背景尺寸,可以是%,也可以是px,点击%按钮可切换为px。

l  位置:设置背景位置,可以是%,也可以是px,点击%按钮可切换为px。

l  是否滚动:“伴随滚动”背景随着页面的滚动进行滚动;“全局固定”无论页面如何滚动,背景的位置是不变的,适用于作为整个页面的背景;相对内容固定:背景相对于内容固定。

l  起点:设置背景左上角的位置,确定背景范围。

l  裁剪:设置背景的绘制区域。