Background, Google Font link

거위발바닥 2022. 9. 12. 18:59

section {

width: 80%;

height: 800px;

background-image: url("");

background-size: cover;

background-position: center;

margin: auto;

background: url("") center/cover;

}

위와 같은 background 코드를 설명하면

background-image는 background에 사진을 삽입한다.

background-size는 background의 크기를 정한다. %, cover( selector를 전부 채움 ), contain( selector를 채움 but 짤림 )

background-postion은 입력된 image의 기준 위치를 정한다.

위 같은 내용들을 맨 아래 코드인 background 값에 한번에 넣을 수 있는데, 순서는 상관 없지만

postion과 size는 postion/size로 붙혀야지 인식이 된다.