background-image: url(image1.png), url(background-image.jpg);
background-position: right bottom, left top;
background-repeat: no-repeat, repeat;
background-size: 150px 150px, cover;
padding: 15px;
}background: url(image1.png) right bottom no-repeat, url(background-image.jpg) left top repeat;
background-size: 150px 150px, cover;
}background: url(image1.png);
background-size: 150px 60px;
background-repeat: no-repeat;
}border: 1px solid red;
height:100px;
width:130px;
background:url(image1.png);
background-repeat: no-repeat;
background-size: cover;
}
.background-image2 {border: 1px solid red;
height:100px;
width:130px;
background:url(image1.png);
background-repeat: no-repeat;
background-size: contain;
}
.background-image3 {border: 1px solid red;
height:100px;
width:130px;
background:url(image1.png);
background-repeat: no-repeat;
}background: url(background-image2.jpg) no-repeat center fixed;
background-size: cover;
}width: 200px;
height: 150px;
padding: 15px;
border: 8px dashed #000;
background: #ff5722;
}
.clip1 {background-clip: border-box;
}
.clip2 {background-clip: padding-box;
}
.clip3 {background-clip: content-box;
}border: 7px solid red;
width: 200px;
height: 100px;
padding: 40px;
background: url(image1.png);
background-repeat: no-repeat;
background-origin: padding-box;
}
#box2 {border: 7px solid red;
width: 200px;
height: 100px;
padding: 40px;
background: url(image1.png);
background-repeat: no-repeat;
background-origin: border-box;
}
#box3 {border: 7px solid red;
width: 200px;
height: 100px;
padding: 40px;
background: url(image1.png);
background-repeat: no-repeat;
background-origin: content-box;
}