background-size

https://developer.mozilla.org/ko/docs/Web/CSS/background-size

background-size - CSS: Cascading Style Sheets | MDN

프로젝트 메인페이지 제작하다가

 

알게된속성, 튜토리얼이나 설명은 MDN문서에 잘 나와있다.

 

이와같이 특정 div 같은곳에 꽉차게 나타낼것인지

 

이렇게 한번나오게하고, 좌우 혹은 가운데 배열할지

 

<ProductHeroLayout
      sxBackground={{
        backgroundImage: `url(${mg})`,
        backgroundColor: '#ffef62', // Average color of the background image.
        backgroundPosition: 'center',
      }}
    >

mui react에 적용하다가 배경 적용하다가 알게되었다.

 

아래와 같이 배치하고싶어서!! 물론 좌우, 가득차게도 가능하다.