position 과 size 속성을 사용해서 배경 이미지를 만들 것이다.
position이랑 size속성을 이용해서 배경 이미지를 조절 할 수 있다는 생각은 못하고 margin값을 줘서 사이즈를 조절하려고 했었다ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 포지션이랑 사이즈 속성을 사용안하고 하려니까 배경이미지가 짤리고 내부 요소들에 margin값을 줘서 전체 사이즈를 만들려고 했....ㅎㅎㅎㅎ 이렇게 하면 절대 안됨......ㅠㅡㅠ
100% 100% / auto 85%
순서대로 position / size를 나타낸다.
가로 100% 세로 100%의 위치에서 사이즈는 가로 auto 세로 80%를 의미 한다!
0% 0% / auto 50% 를 준다면
가로 세로가 0%인 위치에서 세로 50% 축소된 이미지가 된다..!
예시로 들기엔 사진이 적당하지는 않는것 같다. 나중에 헷갈리지않게 한번 더 정리하면 좋을 듯..!
'CSS' 카테고리의 다른 글
| [SCSS] scss로 코딩하기 (0) | 2024.07.03 |
|---|---|
| Flex VS Grid (0) | 2022.10.13 |
| [ css ] ::before / ::after (0) | 2022.04.16 |
| [CSS] alignment - position과 transform으로 가운데 정렬 (0) | 2022.02.22 |
| [CSS] alignment - 가운데 정렬 하기 (0) | 2022.02.22 |
