css background 관련 >>>>>>>>>>>>>>>>>>
background: 컬러;
background-image: url(" ")
url은 폴더경로든 실제 웹주소든 넣으면된다.
참고로 이미지들 자료는
https://unsplash.com/
가면 많다.
background-repeat: repeat | no-repeat
이미지 파일 넣었을때 , 반복 할껀지 말껀지
background-repeat: no-repeat
background-size:
이미지 관련해서
이미지 넣었을떄, 사이즈
contain | cover | custom
contain 이미지가 다 나오게(여백도 나옴)
cover 여백은 없고 이미지만 확대되서?나옴
custom 값을 지정할 수 있음 이걸많이 씀
커스텀은 커스텀이라 적는게 아니고,
background-size: 300px 400px
background-size: auto 80%;
background-size: 100% auto;
background-size: 100% 70%;
background-size: 50% 70%;
가로 50% 세로70%
이런식임
background-position:
백그라운드 이미지를 어떻게 위치시킬껀지 설정
x 축 y 축
설정을 해야함.
background-position: center center; 이걸 젤 많이 씀.
background-position: center bottom;
background-position: 50% 50%;
background-position: center 30px;
background-position: 10px 30px;
background-position: left top;
다양하게 위치를 시킬 수 있다.
