有趣的CSS背景属性?
background-image属性添加背景图片。
-
background-image: url(img_flwr.gif), url(paper.gif); //设置背景图片(可以是多张,后面的覆盖前面的)
-
background-position: right bottom, left top; //分别设置两张背景图片的位置
-
background-repeat: no-repeat, repeat; //分别设置背景图片是否重复来填充背景
-
background-size: 280px 160px, 100% 100%; //分别设置背景图片的大小
-
background-clip: padding-box, border-box ;// 分别设置 背景的绘制区域。(显示出背景图片的区域)
-
background-origin: border-box, content-box;// 分别设置 背景图片的定位区域。(即背景图片的放置位置)