더북(TheBook)

마지막으로 말풍선은 float: right;으로 지정하여 브라우저 오른쪽 끝으로 이동시키고 topmargin-right 속성으로 위치를 조정합니다.

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

#farm3 .farm3Bubble {
    position: relative; /* 말풍선을 2차원, 3차원 특징으로 변경합니다. */
    float: right; /* 오른쪽 끝으로 배치합니다. */
    top: -100px;  /* 상단에서 -100px 떨어진 지점에 배치합니다. */
    margin-right: 80px; /* 오른쪽에서 80px 떨어진 지점에 배치합니다. */
}
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.