CSS网页背景属性课件_第1页
CSS网页背景属性课件_第2页
CSS网页背景属性课件_第3页
CSS网页背景属性课件_第4页
CSS网页背景属性课件_第5页
已阅读5页,还剩12页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

CSS网页背景属性

设置背景图片背景图片显示设置背景图片平铺设置背景颜色312334354设置背景图片的位置设置背景颜色3CSS网页背景属性1background-color属性:用于设定网页的背景色。基本的语法格式为:默认值,表示透明设置背景颜色background-color属性不仅以设置整个网页的背景颜色,同样还可以设置指定HTML元素的背景色。设置背景颜色4CSS网页背景属性1设置背景颜色5CSS网页背景属性1标题区域背景色为红色。段落区域背景色为灰色。分别为字体设置了不同的前景色。设置背景图片6CSS网页背景属性1background-image属性:设置背景图片。基本的语法格式如下:图片路径可以是绝对路径,也可以是相对路径。设置背景图片7CSS网页背景属性1网页中显示了背景图,但如果背景图大小小于整个网页的大小,此时图片为了填充网页背景色,会重复出现,并铺满整个网页。设置背景图片平铺8CSS网页背景属性1background-repeat属性:用来设置图片的重复方式,包括水平重复,垂直重复和不重复等。设置背景图片平铺9CSS网页背景属性1网页中显示了背景图,但图片以默认大小显示,而且没有对整个网页背景进行填充。这是因为代码中设置了背景图不重复平铺。设置背景图片平铺10CSS网页背景属性1网页中显示了背景图,图片在水平方向平铺。背景图片显示11CSS网页背景属性1background-attachment属性:用来设定背景图片是否随文档一起滚动。它包含两个属性值:scroll和

fixed,并适用于所有元素。背景图片显示12CSS网页背景属性1设计一个基础页面,一个标题和三个段落。背景图片显示13CSS网页背景属性1该属性的值为fixed时,背景图片的位置固定,并不是相对于页面的,而是相对于页面的可视范围。设置背景图片的位置14CSS网页背景属性1background-position属性:用于指定背景图片在页面中所处的位置。绝对定义位置百分比定义位置垂直对齐水平对齐设置背景图片的位置15CSS网页背景属性1网页中显示了背景,其背景是从顶部和右边开始的。设置背景图片的位置16CSS网页背景属性1网中显示了背景,其背景是从左上角开始的,但并不是从(0,0)坐标位置开始,而是从(20,30)坐标位置开始。

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论