background-image指定要使用的一个或多个背景图像
width: 600px;
height: 600px;
border:1px solid black;
background-image: url("乐.jpg");
background-color指定要使用的背景颜色
width: 600px;
height: 600px;
border:1px solid black;
background-color: blue;
background-position指定背景图像的位置
width: 600px;
height: 600px;
border:1px solid black;
background-image: url("乐.jpg");
background-position:left center;
background-size指定背景图片的大小
width: 600px;
height: 600px;
border:1px solid black;
background-image: url("乐.jpg");
background-size: 600px 120px;
background-repeat指定如何重复背景图像
width: 600px;
height: 600px;
border:1px solid black;
background-image: url("乐.jpg");
background-repeat:no-repeat;
background-origin指定背景图像的定位区域
width: 600px;
height: 600px;
border:1px solid black;
background-image: url("乐.jpg");
background-origin:padding-box;
background-clip指定背景图像的绘画区域
width: 600px;
height: 600px;
border:1px solid black;
background-image: url("乐.jpg");
background-clip: padding-box;
background-attachment设置背景图像是否固定或者随着页面的其余部分滚动。
这个效果我就不做展示了,大家自己去测试吧!后面有时间补上。
一直在路上,自律,坚持