zero-base 프론트엔드 스쿨 ⛪️

20221204 두 번째 mission❗

엄성준 2022. 12. 4. 17:31

오늘 두 번째 미션을 진행하면서 학습한 점에 대해서 적어볼까 합니다.

 

background-img를 url로 임포토 하는 법을 학습했고

 

background-position 속성을 이용해서 0% 0% 각각 x 축과 y축의 %를 조절하여 제가 보여주고 싶은 부분의 background-img를 보여줄 수 있었습니다.

 

다른 부분은 수월하게 진행했던 것 같습니다.

 

아래는 제가 background-position 속성을 학습할 때 참고한 mdn링크입니다.

 

https://developer.mozilla.org/en-US/docs/Web/CSS/background-position

 

background-position - CSS: Cascading Style Sheets | MDN

The background-position CSS property sets the initial position for each background image. The position is relative to the position layer set by background-origin.

developer.mozilla.org

 

'zero-base 프론트엔드 스쿨 ⛪️' 카테고리의 다른 글

String() 과 toString()의 차이점  (0) 2022.12.13
JS scroll 관련 정보  (0) 2022.12.12
20221209 컴퓨터 관련 지식 정리  (0) 2022.12.09
20221203 첫 번째 mission❗  (0) 2022.12.03
20221202 HTML/CSS  (0) 2022.12.02