版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、,使用CSS3背景属性,主讲人: 高洛峰 & 妹子,在CSS3中提供了多个背景属性,这里只介绍两个比较常用的属性,其它可以从手册中获取帮助。 CSS3的诞生为我们解决了这一问题,在CSS3里,通过background-image或者background可以为一个容器设置多张背景图像,也就是说可以把不同背景图象只放到一个块元素里。多个背景图片的url之间使用逗号隔开即可,如果有多个背景图片,而其他属性只有一个,那么所有背景图片都应用该属性值。,背景大小调整也是CSS3提供的一个新特性,它可以让你随心所欲的控制背景图的尺寸大小。我们知道在CSS2中,背景图的大小在样式中是不可控的,比如要想使得背景
2、图填充满某个区域,你要么重新做帐大点的图,要么就只能让它以平铺的方式来填充。在CSS3中提供了background-size属性, 让你既可以直接缩放背景图来填充满这个区域,也可以让你先给背景图设置大小,然后以设置好的尺寸去平铺满这个区域。background-size需要1个或2个值(1个为必填,1个为可选),这些值既可以是像素px,也可以是百分比%或auto,还可以是特定值cover, contain。,其中background-size第1个值用于指定背景图的width,第2个值用于指定背景图的height,如果只给background-size设置1个值,则第2个值默认为auto(cover和contain特定值除外)。background-size的特定值: cover: 保持图像本身的宽高比例,将图片缩放到正好完全覆盖定义背景的区域; contain: 保持图像本身的宽高比例,将图片缩放到宽度或高度正好适应定义背景的,
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 新部编版八年级数学上册期末测试卷及答案【完整】
- 2022年四年级语文上册期末考试(参考答案)
- 部编人教版七年级地理上册期末考试卷及答案【完整】
- 新部编版八年级数学上册期末考试题含答案
- 人教版二年级上册语文期末考试题带答案
- 西师版一年级《数学》下册单元测试卷及参考答案
- 小学四年级数学(上册)期末标准测试卷及答案
- 用工免责协议书范本3篇劳动用工免责协议
- 诉讼财产保全申请书
- 新人教版八年级上册《生物》期末考试题【及参考答案】
- 国家开放大学《Python语言基础》实验2:基本数据类型和表达式计算参考答案
- 《中国古代寓言》推进课
- 微短剧宣传推广方案
- 高层建筑玻璃幕墙施工工法
- 第16课《我已悄悄长大》教学设计
- 农业无人机系统技术及应用
- 创新医疗器械2024年的科技突破
- 小班数学课件-《图形宝宝修补店》
- 如何帮助小学生提高数学成绩
- 九小场所消防安全培训
- 网球团建活动方案
评论
0/150
提交评论