WEB/CSS
Responsive background(dreamcoding)
느리지만 꾸준하게
2021. 7. 2. 20:21
.box1 {
background-image: url('https://media.swncdn.com/cms/BST/67912-gettyimages-817147678-kieferpix.1200w.tn.webp');
background-repeat: no-repeat; /* 창을 줄이거나 늘렸을 때 반복되지 않도록*/
background-position: center;
background-size: cover;
}
.box2 {
background: center/cover no-repeat
url('https://media.swncdn.com/cms/BST/67912-gettyimages-817147678-kieferpix.1200w.tn.webp');
}
.box3 {
background: repeat left
url('https://media.swncdn.com/cms/BST/67912-gettyimages-817147678-kieferpix.1200w.tn.webp');
}
