더북(TheBook)

예제 소스 Exercise/7장/1_box_model/index.html

<div id="box_model">
    <span>Hello World</span>
</div>

 

예제 소스 Exercise/7장/1_box_model/style.css

#box_model {
    width: 300px;
    height: 300px;
    background-color: yellow;
    border: solid 20px red;
    margin-left: 50px;
    padding-left: 50px;
}

 

그림 7-2 박스 모델은 margin, border, padding, content 속성으로 구성된다

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.