css

##박스모델 2
상하좌우 여백을 정의할 수 있는 개별 속성들이 있다.
margin도 동일
padding과 margin은 연속으로 입력 받을수 있다. (위 오른쪽 아래 왼쪽순)

실습

<style>
div{
div{
width: 100px9; height:100px;
padding:10px;
border:5px solid red;
margin:20px; /*모든면을 20px로 한다.*/
margin: 10px 30px; /*위 아래 10px 양 옆을 30px로 한다.*/
margin: 10px 30px 20px; /*위 10px 양 옆30px 아래 20px로 동작 수행*/
margin: 10px 30px 20px 40px; /*위방향부터 시계방향으로 수행*/
padding-top: 10px; 
padding-right: 20px;
padding-bottom: 30px;
padding-left: 40px;
margin-top: 40px;
margin-right: 30px;
margin-reft: 20px;
margin-bottom: 10px;
}
}
</style>