纯色文字背景图片大全

更新时间:2024-02-09 23:42:01 阅读量: 经典范文大全 文档下载

说明:文章内容仅供预览,部分内容可能不全。下载后的文档,内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的,是否完整无缺。

篇一:在Word2010文档中设置艺术字纯色背景填充

在Word2010文档中设置艺术字纯色背景填充

用户在Word2010文档中插入艺术字以后,可以根据需要设置或修改背景填充颜色。背景填充颜色既可以是纯色背景填充,也可以是渐变颜色背景填充。本例介绍在Word2010文档中设置艺术字纯色背景填充的方法,操作步骤如下所述:

第1步,打开Word2010文档窗口,单击艺术字任意位置使其处于编辑状态。

第2步,在“绘图工具/格式”功能区中,单击“形状样式”分组中的“形状填充”按钮。在打开的形状填充列表中,选择“主题颜色”或“标准色”分组中的颜色即可,如图2011040501所示。

图2011040501 选择纯色填充颜色

色”命令,如图2011040502所示。 如果用户需要更丰富的颜色作为艺术字背景填充色,可以在形状填充列表中选择“其他填充颜

图2011040502 选择“其他填充颜色”命令

取更合适的Word2010艺术字背景填充颜色,如图2011040503所示。

在打开的“颜色”对话框中提供了更丰富的颜色选项,用户可以选择标准色或自定义颜色,以获

图2011040503 “颜色”对话框

篇二:css-html元素教程1-CSS背景的纯色应用

更多技术文章请参考:CSS 专业学习网站:CSS 允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果。 CSS 在这方面的能力远远在 HTML 之上。背景色可以使用 background-color 属性为元素设置背景色。这个属性接受任何合法的颜色值。这条规则把元素的背景设置为灰色:p {background-color: gray;}如果您希望背景色从元素中的文本向外少有延伸,只需增加一些内边距:p {background-color: gray; padding: 20px;}如需查看本例的效果,可以亲自试一试! 可以为所有元素设置背景色,这包括 body 一直到 em 和 a 等行内元素。 background-color 不能继承,其默认值是 transparent。transparent 有“透明”之意。也就是说,如 果一个元素没有指定背景色,那么背景就是透明的,这样其祖先元素的背景才能可见。背景图像要把图像放入背景, 需要使用 background-image 属性。 background-image 属性的默认值是 none, 表示背景上没有放置任何图像。 如果需要设置一个背景图像,必须为这个属性设置一个 URL 值:body {background-image: url(/i/eg_bg_04.gif);}大多数背景都应用到 body 元素,不过并不仅限于此。下面例子为一个段落应用了一个背景,而不会对文档的其他部分应用背景:p.flower {background-image: url(/i/eg_bg_03.gif);}您甚至可以为行内元素设置背景图像,下面的例子为一个链接设置了背景图像:更多技术文章请参考:CSS 专业学习网站:

更多技术文章请参考:CSS 专业学习网站:a.radio {background-image: url(/i/eg_bg_07.gif);}如需查看上述例子的效果,可以亲自试一试! 理论上讲, 甚至可以向 textareas 和 select 等替换元素的背景应用图像, 不过并不是所有用户代理都能 很好地处理这种情况。另外还要补充一点,background-image 也不能继承。事实上,所有背景属性都不能继承。背景重复如果需要在页面上对背景图像进行平铺,可以使用 background-repeat 属性。 属性值 repeat 导致图像在水平垂直方向上都平铺,就像以往背景图像的通常做法一样。repeat-x 和 repeat-y 分别导致图像只在水平或垂直方向上重复,no-repeat 则不允许图像在任何方向上平铺。默认地,背景图像将从一个元素的左上角开始。请看下面的例子:body { background-image: url(/i/eg_bg_03.gif); background-repeat: repeat-y; }如需查看上例的效果,可以亲自试一试。背景定位可以利用 background-position 属性改变图像在背景中的位置。 下面的例子在 body 元素中将一个背景图像居中放置:body { background-image:url('/i/eg_bg_03.gif'); background-repeat:no-repeat; background-position:center; 更多技术文章请参考: CSS 专业学习网站:

更多技术文章请参考:CSS 专业学习网站:}为 background-position 属性提供值有很多方法。首先,可以使用一些关键字:top、bottom、left、 right 和 center。通常,这些关键字会成对出现,不过也不总是这样。还可以使用长度值,如 100px 或 5cm,最后也可以使用百分数值。不同类型的值对于背景图像的放置稍有差异。关键字 图像放置关键字最容易理解,其作用如其名称所表明的。例如,top right 使图像放置在元素内边距区的 右上角。 根据规范,位置关键字可以按任何顺序出现,只要保证不超过两个关键字 - 一个对应水平方向,另一个对 象垂直方向。 如果只出现一个关键字,则认为另一个关键字是 center。所以,如果希望每个段落的中部上方出现一个图像,只需声明如下:p { background-image:url('bgimg.gif'); background-repeat:no-repeat; background-position:top; }下面是等价的位置关键字: 单一关键字 center top bottom right 等价的关键字 center center top center 或 center top bottom center 或 center bottom right center 或 center right更多技术文章请参考:CSS 专业学习网站:

更多技术文章请参考:CSS 专业学习网站:leftleft center 或 center left百分数值 百分数值的表现方式更为复杂。假设你希望用百分数值将图像在其元素中居中,这很容易:body { background-image:url('/i/eg_bg_03.gif'); background-repeat:no-repeat; background-position:50% 50%; }这会导致图像适当放置,其中心与其元素的中心对齐。换句话说,百分数值同时应用于元素和图像。也就 是说,图像中描述为 50% 50% 的点(中心点)与元素中描述为 50% 50% 的点(中心点)对齐。 如果图像位于 0% 0%,其左上角将放在元素内边距区的左上角。如果图像位置是 100% 100%,会使 图像的右下角放在右边距的右下角。 因此,如果你想把一个图像放在水平方向 2/3、垂直方向 1/3 处,可以这样声明:body { background-image:url('/i/eg_bg_03.gif'); background-repeat:no-repeat; background-position:66% 33%; }如果只提供一个百分数值,所提供的这个值将用作水平值,垂直值将假设为 50%。这一点与关键字类似。 background-position 的默认值是 0% 0%,在功能上相当于 top left。这就解释了背景图像为什么总 是从元素内边距区的左上角开始平铺,除非您设置了不同的位置值。 更多技术文章请参考: CSS 专业学习网站:

更多技术文章请参考: 长度值CSS 专业学习网站:长度值解释的是元素内边距区左上角的偏移。偏移点是图像的左上角。 比如,如果设置值为 50px 100px,图像的左上角将在元素内边距区左上角向右 50 像素、向下 100 像 素的位置上:body { background-image:url('/i/eg_bg_03.gif'); background-repeat:no-repeat; background-position:50px 100px; }注意,这一点与百分数值不同,因为偏移只是从一个左上角到另一个左上角。也就是说,图像的左上角与 background-position 声明中的指定的点对齐。背景关联如果文档比较长,那么当文档向下滚动时,背景图像也会随之滚动。当文档滚动到超过图像的位置时,图 像就会消失。 您可以通过 background-attachment 属性防止这种滚动。通过这个属性,可以声明图像相对于可视区 是固定的(fixed) ,因此不会受到滚动的影响:body { background-image:url(/i/eg_bg_02.gif); background-repeat:no-repeat; background-attachment:fixed }如需查看上例的效果,可以亲自试一试。 更多技术文章请参考: CSS 专业学习网站:

篇三:收集海报总结

日常推广海报总结

一.分类

单模特海报、多个模特海报

二.区别

1 单模特海报

1.1 人物特点

人物大多位于海报中间偏左或偏右的三分之一分线处,人物非常清晰,很聚焦,跳预感强,一般分为全身和上半身两种,全身模特可以看清服饰的整体协调性和整体美感,尤其是长款和中长款类型的服饰,上半身模特可以使人的局部看得非常清晰,细节相对清晰。

1.2 背景特点

背景图分为实景图背景和纯色简约背景。实景图背景一般距离模特越远越模糊,越近越清晰;有些实景背景全部都虚拟化,使人物模特更加聚焦清晰。实景图背景相对更有意境,使产品会说话,并且一定要和产品本身要融洽,这样才会其乐融融,不然就怪异了。纯色简约背景相对淳朴一些,使人容易忽略背景,直接关注产品本身。

1.3文字特点

每个海报的文字都包括主标题、副标题、描述文案,其中主标题永远是最大最醒目的,其次是副标题,然后是描述文案。文字内容都不会很多,文字太多给人感觉很混乱,没有卖点。当背景太过复杂抢眼的情况下,我们可以适当

的使用色块来忖托文字,这样既能使文字突出,又不影响背景的意境美。文字和模特一般要有一定的距离,左右错落有致,使整体平衡,不会感到一边轻,一边重。文字和模特以外的距离一般都是一样的,例如人物在左,文字在右,那么人物左边的空间和文字右边的空间是一样的。就字体风格来说,烟花烫属于文艺范的,所以字体最好都是中文,并且文字要带有中国风。这样整体更为协调。

1.4 色彩特点

颜色黑色、暗红色、白色这三个色一般都是百搭色,文字、背景和产品的颜色是相呼应的,背景颜色较深时,文字颜色较浅,背景颜色较暗时,文字颜色较亮,当背景颜色复杂混乱时,或者与文字颜色不好区别时,一般要使用色块来修饰。文字主次可以适当用颜色来区别和修饰,使整个画面活泼灵动。当背景过于简单或使用纯色时,文字和产品的颜色可以相互呼应。背景和产品颜色不能一样,不然视觉上就是一团。一个页面主色调不能超过2种。 2 多个模特海报

1.1 人物特点

模特位置分两种,一种是多个模特放一边,另一种是模特分居文字两边;模特图片都是一个全身图一个半身图,或者一个站图一个做图,或者一个正面图一个背面图,或者两个不同的颜色。这种布局,整体感强,既可以看清局部神韵,又可以看清整体美感,搭配得十分恰当。此外模特的增加使整个画面显得热闹非凡。

1.2 背景特点

与单模特图海报有异曲同工之妙。

1.3 文字特点

与单个模特图相比,文字特点除了多一个位置(位于模特中间),其他特点都相同。

1.4 色彩特点

与单模特图海报

本文来源:https://www.bwwdw.com/article/omkb.html

Top