首页 > Web开发 > 详细

css3 背景background

时间:2017-08-19 16:17:01      阅读:247      评论:0      收藏:0      [点我收藏+]

                                                                      Css3背景<background>

Css3包含多个新的背景属性,它们提供了对背景更强大的控制。可以自定义背景图的大小,可以规定背景图片的定位区域,css3还允许我们为元素使用多个背景图像

属性

描述

Css

Background-image

规定背景的背景图

2

Background-position

规定背景的定位

2

Background-repeat

规定背景的重复方式

2

Background-color

规定背景的颜色

2

Background-clip

规定背景的绘制区域

3

Background-origin

规定背景图片的定位区域

3

Background-size

规定背景图片的尺寸

3

 

 

                                                             Background-size

描述

Length

设置背景图像的高度和宽度。第一个是宽度,第二是高度,不设置默认值为auto;

Percentage

以父元素的百分百来设置背景图像的宽度和高度。第一个值设置宽度,第二个值设置高度。如果值设置一个值,则第二个会被默认为auto

Cover

把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。

Contain

把图像扩展至最大尺寸,以使其宽度和高度完全适应内容区域



                                                             Background-origin

描述

Padding-box

背景图片相对于内边距来定位

Border-box

背景图片相对于边框盒来定位

Content-box

背景图像相对于内容框来定位

css3 背景background

原文:http://www.cnblogs.com/TzSteady/p/7396844.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!