반응형
background 에는 3가지 속성을 함께 써준다.
background-image: url('.....');
background-position: center;
background-size: cover;background-image
배경에 이미지를 넣고 싶을때 사용.
background-positon
배경 이미지 위치 지정.
기본적으로 왼쪽 상단부터 이미지가 시작이 되는데 position을 center 로 지정할 경우 이미지 가운데 부터 시작할 수 있다.
background-size
배경 사이즈 선택. cover 의 경우 배경 블럭 공간 만큼 자동으로 맞춰 준다.
반응형
'하베의 스킬 > 코딩 개발일지' 카테고리의 다른 글
| [1일차-css] 구글 웹폰트 적용(google webfont) (0) | 2023.04.18 |
|---|---|
| [1일 차-css] 여백(margin, padding) 정리 (0) | 2023.04.18 |