웹 응용 프로그램의 다른 페이지에 대한 배경색이 다릅니다.

Question

웹 응용 프로그램을 만들기 위해 반응 프로젝트를 진행하고 있습니다. 로그인 화면과 사용자 로그인 후 나타나는 기본 화면이 있습니다. 이는 내 프로젝트에서 유일한 두 가지 구성 요소입니다. 나는 메인 페이지를위한 로그인 페이지와 하얀 몸 색깔/배경을위한 파란 몸 배경을 갖고 싶다. 나는

body#page1{ 
    background-color:#000; 
} 

이 각 페이지의 body 태그에 ID를 제공함으로써 도움이 될 것입니다 몇 스레드에서 읽어 보시기 바랍니다. 하지만 반응 태그에는 본문 태그를 포함 할 수 없으므로 허용되지 않습니다. 그렇다면 어떻게하면 서로 다른 두 페이지에서 서로 다른 몸 색깔을 갖게 될까요?

Answer 1

div를 사용하여 크기를 불문하고 전체 화면을 덮을 수 있도록 상단, 하단, 왼쪽, 오른쪽 0px 및 절대 위치를 지정하십시오. CSS 파일에서

<div className="page-one-bg"> 
    //all code of page 1 
</div> 

이

.page-one-bg { 
    position: absolute; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    background: #000; 
}