background的属性和特性

实例

body{
	height:2000px;
}
.box{
    width:900px;
    height:600px;
    padding:10px;
    border:1px dashed black;
    background-color: cyan;//背景色
    background-image: url(image/8.jpg);//背景图片

    background-repeat:no-repeat;//背景不重复

    background-position:right top;//背景图片定位右上角
    background-position: 10% 30%;//背景定位纵向10%  横向30%
    background-position:40px 60px;//背景定位左上角40px 60px
    background:yellow url(image/8.jpg) no-repeat left bottom;//背景属性简写方式
    background-image:none ;//清空背景图片
    background-image:url(image/8.jpg);//背景图片

    background-size:50px 50px; //背景大小 
    background-size:contain;//保持背景图片原大小

    background-size: cover;//平铺背景图片




}