더북(TheBook)

예제 소스 Exercise/14장/KidsGao/css/style.css

/********************
*** Morning ***
********************/
#morning {
    position: relative; /* morning 공간을 2차원, 3차원 특징으로 변경합니다. */
    width: 100%;
    height: 800px;
    background-image: url(../img/oneday/morning/morning_bg.png);
}

#morning .sun {
    width: 131px;
    height: 131px;
    background-image: url(../img/oneday/morning/sun.png); /* 해 이미지를 삽입합니다. */
}

#morning .leftPine {
    position: absolute; /* 왼쪽 나무를 3차원 특징으로 변경합니다. */
    width: 231px;
    height: 329px;
    background-image: url(../img/oneday/morning/leftpine.png);
    top: 270px; /* morning 공간을 기준으로 왼쪽 나무를 상단에서 270px 떨어진 지점에 배치합니다. */
}

#morning .rightPine {
    position: absolute; /* 오른쪽 나무를 3차원 특징으로 변경합니다. */
    width: 294px;
    height: 609px;
    background-image: url(../img/oneday/morning/rightpine.png);
    right: 0; /* morning 공간을 기준으로 오른쪽 끝에 배치합니다. */
    bottom: 0; /* morning 공간을 기준으로 하단 끝에 배치합니다. */
}
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.