.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');
}
'WEB > CSS' 카테고리의 다른 글
| CSS Variables(variable_before, variable_after)_dreamcoding (0) | 2021.07.02 |
|---|---|
| transform& transition(dreamcoding) (0) | 2021.07.02 |
| Centering trick(dreamcoding) (0) | 2021.07.02 |
| position-sticky(dreamcoding) (0) | 2021.07.02 |
| box-sizing & positioning(dreamcoding) (0) | 2021.07.02 |