예제 소스 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 공간을 기준으로 하단 끝에 배치합니다. */ }