2022/04/22 백그라운드 이미지 특정 개수 만큼 넣기
2022. 4. 22. 16:47ㆍProject : 새 친구 여행 (Bird Buddy Trip)
이를테면, 똑같은 백그라운 이미지로 반복하고 싶은데 하나는 왼쪽 위, 하나는 오른쪽 아래에 넣고 싶을 때
다음과 같이 설정할 수 있다. 아무래도 바둑판식 반복은 안 예쁘니까...
html {
background: #E4F7F0;
background-image: url('images/cloud.png'),
url('images/cloud.png');
background-repeat: no-repeat,
no-repeat;
background-position: left top,
right bottom;
}참고자료 :
https://stackoverflow.com/questions/2949606/repeat-css-background-image-a-set-number-of-times
repeat css background image a set number of times
is there a way to set the number of times a background image repeats with css?
stackoverflow.com
'Project : 새 친구 여행 (Bird Buddy Trip)' 카테고리의 다른 글
| 2022/04/28 CSS checked 속성 (0) | 2022.04.28 |
|---|---|
| 2022/04/22 color palett 정하기 (0) | 2022.04.22 |
| 2022/04/22 useLocation을 이용해서 스타일 활성화하기 (2) | 2022.04.22 |
| 2022/04/21 styled components로 전역 스타일 관리 (0) | 2022.04.21 |
| 2022/04/19 와이어프레임 작성 (0) | 2022.04.19 |