d-header의 이미지 배경

[Garrick]

이 이미지를 추가하는 올바른 방법은 무엇인가요? CSS를 사용하여 이미지를 적용하는 간단한 방법은 무엇인가요?

[Don]

가릭님,

이것은 사용하는 이미지에 따라 크게 달라집니다. .d-header 클래스를 대상으로 간단한 CSS 코드를 사용할 수 있습니다.

/admin/customize/themes에서 새 컴포넌트를 만들고, 배경 이미지를 데스크톱과 모바일 모두에 적용하고 싶다면 공통(데스크톱 및 모바일) CSS 섹션에, 또는 데스크톱 또는 모바일 중 특정 환경에만 적용하고 싶다면 해당 위치에 코드를 붙여넣으세요.

.d-header {
  background: url(your image url);
  background-repeat: no-repeat;
  background-size: cover;
}

예시

.d-header {
  background: url(https://i.imgur.com/SqObEfW.jpeg);
  background-repeat: no-repeat;
  background-size: cover;
}

이렇게 보입니다

background 속성에 대한 더 자세한 정보

background | CSS-Tricks

도움이 되길 바랍니다

[Garrick]

@Don

.d-header {
  background: url(https://i.imgur.com/SqObEfW.jpeg);
  background-repeat: no-repeat;
  background-size: cover;
}

Don, 감사합니다! 딱 제가 필요했던 거였어요.