来自 摄影 2019-10-05 05:20 的文章
当前位置: 管家婆马报彩图大全 > 摄影 > 正文

给森林草地里的婚纱美人照片调出暖莲灰效果,

PS婚片后期调色教程:给树林草地里的婚纱美女照片调出暖黄色效果,案例对比:左原片,右效果图

css背景background用于设置html标签元素的背景颜色、背景图片已经其他背景属性。本文章向码农介绍CSS 背景background使用方法和基本的使用实例。需要的码农可以参考一下。

PPT常见的背景主要有六种,分别为纯色背景,渐变色背景,纹理背景,遮罩背景、毛玻璃背景、晶格化背景。

管家婆正版四不像图 1

一、Css background背景语法

CSS背景基础知识

CSS 背景这里指通过CSS对对象设置背景属性,如通过CSS设置背景各种样式。

背景语法:

background: background-color || background-image || background-repeat || background-attachment || background-position

 

CSS中背景单词:

background CSS手册查询-background
background-color 设置颜色作为对象背景颜色
background-image 设置图片作为背景图片
background-repeat 设置背景平铺重复方向
background-attachment 设置或检索背景图像是随对象内容滚动还是固定的。
background-position 设置或检索对象的背景图像位置。

Background背景样式的值是复合属性值组合,也就是背景单词的值可以跟多个属性值,值与值之间使用一个空格间隔链接上即可。
如:

background:#000 url(图片地址) no-repeat left top

Css background背景作用:

1、设置纯色背景。背景background可以设置对象纯色的背景颜色,
2、设置图为背景。可以设置对象背景为图片,如果背景是图片可以让图片重复平铺横铺,或将图片作为对象背景固定在对象任何位置。

设置网页背景样式

Html原始背景与CSS背景对照
Html是指对应效果的table背景设置

Html背景单词:

Bgcolor设置背景颜色 与CSS背景颜色对应background-color
Background设置图片作为背景与CSS背景图片对应background-image

 

第一种:纯色背景

1、老规矩,复制背景层,生成新的背景层(不要问我原因,不懂的自己查),而后创建一个曲线调整层。

二、背景颜色  

background-color:#FFF

设置对象背景为纯白色

如果是给table设置背景颜色可以使用bgcolor="颜色值"即可设置对象背景颜色。
如果是CSS背景颜色,可使用background-color:颜色值;或 background:颜色值设置对象背景颜色。

 

纯色背景分为两类,一种为黑白灰等“无色”背景,另一种就是彩色背景。黑白灰等无色背景,是安全的背景,容易配色,所以在使用上最多,如果没有色彩基础的朋友,建议还是用无色背景;彩色背景最好是经过“稀释”过的,不能太亮,否则就会影响观众对于文本的阅读。

对整体的画面进行提亮。

三、CSS图片背景

CSS可以使用background或background-image直接引用图片地址来设置图片作为对象背景。

background:url(http://www.manongjc.com/logo.gif);

设置LOGO图片作为背景

background-image:url(http://www.manongjc.com/logo.gif);

管家婆正版四不像图,具有相同效果。这样设置图片作为背景有个缺陷就是图片会上下左右的重复。

background-attachment使用解析:

background-attachment:fixed; 背景固定

background-attachment:scroll; css背景图片是随对象内容滚动

图片background背景语法:

background-image :url (url)

background-image :url (

设置对象背景为图片

如果图片作为背景时候要求是否重复平铺,平铺方向等我们都需要background-position和background-repeat配合使用

div{background-image :url (http://www.manongjc.com/logo.gif);
background-repeat : no-repeat;background-position : 5px 6px } 

这里定义对象div,背景图片为

 

管家婆正版四不像图 2

管家婆正版四不像图 3

四、背景居中

CSS 背景分为左右居中和上下居中。

背景图像上下居中,可以使用计算上下高度然后平分设置,如上下高度距离为500px,那就设置图片居顶部多少PX可以让图片实现上下居中。

 

如何设计PPT背景:纯色背景

五、复合背景样式简写

我们使用时候都需要考虑到代码优简,这里可以优化的简写代码

1、如果只设置背景为单一颜色

background-color:#FFF

我们简写为

background:#FFF

2、图片设置为背景简写

background-image :url (http://www.manongjc.com/logo.gif);
background-repeat : no-repeat;background-position : 5px 6px 

我们简写为:

background:url (http://www.manongjc.com/logo.gif) no-repeat 5px 6px 

 

第二种:渐变背景

六、CSS background(背景)总结

使用图片作为背景在一个网页布局中常常会遇到,希望大家能在实际中掌握其知识。一般设置对象图片作为背景属性实例 background:#666 url(图片地址) no-repeat center top ;(解释首先设置背景颜色 紧跟设置图片作背景 紧跟图片是否重复 然后跟图片在对象位置。前面的背景颜色可以不用设同时不是必须,一般使用图片作为对象背景如果要设置图片是否重复显示距离位置将设置图片位置)

1、设置图片作为背景如果图片设置图片在X坐标方向重复,如果再设置图片在对象位置的左或右位置时将无效,可设置在对象上或下位置开始显示。

2、设置图片作为背景如果图片设置图片在Y坐标方向重复,如果再设置图片在对象位置的上或下位置时将无效,可设置图片在对象左或右位置开始显示。

3、如果设置背景完全重复显示,那设置图片在对象上下左右位置开始显示将无线。

网页布局时候我们常常对网页背景设置颜色、背景设置图片,达到我们需要的美观效果,我们实践制作写css background背景尽量从简,图片引入时候注意路径正确,如需定位对象背景。

经典背景复合属性表达式:

.manongjc{background:#FFF url (http://www.manongjc.com/logo.gif) no-repeat 5px 6px} 

这里既设置背景颜色,背景图片引入,背景图片定位、图片作为背景是否重复的样式。

 

原文地址:

相关阅读:

  • CSS 教程
  • CSS3 教程
  • CSS 参考手册
  • CSS background
  • CSS background-attachment
  • CSS background-clip
  • CSS background-color
  • CSS background-image
  • CSS background-origin
  • CSS background-position
  • CSS background-repeat
  • CSS background-size

渐变背景比较能考验一个人对于色彩把控,弄不好就会显得特lower;渐变背景的设计,要注意五个变量,渐变类似、渐变方向、渐变光圈、亮度和透明度。特别注意的是,在设置渐变色时,不要使用太多色系的颜色。

管家婆正版四不像图 4

如何设计PPT背景:渐变背景

第三种:遮罩背景

遮罩背景就是常说的“图片贴膜”或者“图片蒙版”,它主要由两部分组成,一个是高质量的图片,一个是透明的色块;由于图片本身太亮,如果我们之间在图片上属于文字,通常阅读性较低,观众会被图片所吸引,而忽视了对文案的阅读。

管家婆正版四不像图 5

如何设计PPT背景:遮罩背景

第四种:纹理背景

纹理背景是Office系统自带的,里面有木质纹理、画布纹理、大理石纹理、信封纹理等,这些纹理图片都是经过设计师特殊设计的。

管家婆正版四不像图 6

如何设计PPT背景:纹理背景

第五种:毛玻璃背景

毛玻璃背景源于苹果的IOS设计风格,后来被应用到了PPT设计中,它通常是将一张色彩较为明亮鲜艳的图片进行虚化处理。

管家婆正版四不像图 7

如何设计PPT背景:毛玻璃背景

第六种:晶格化背景

晶格化背景又叫立体多边形,是去年流行的一种PPT设计形式,背景通常由一个又一个的立体三角形或者多边形拼接而成。

管家婆正版四不像图 8

如何设计PPT背景:晶格化背景

来源:营销新人(微信公众号)

**PPT模板合集推荐下载:**

培训课件PPT模板

节日庆典PPT模板

企业介绍PPT模板

产品发布PPT模板

毕业答辩PPT模板

商业计划书PPT模板

竞聘简历PPT模板

总结汇报PPT模板

本文由管家婆马报彩图大全发布于摄影,转载请注明出处:给森林草地里的婚纱美人照片调出暖莲灰效果,

关键词: