이번에는 저번에 하지 않은 margin, padding, border에 대한 포스팅입니다. 이런식의 레이아웃을 구성을 해보겠습니다. 실제로 많이 색상 이나 그림자 모양을 만드는 것은 많이 사용이 됩니다. 먼저 html 마크업을 보면 간단합니다. ABC Hello 이정도의 마크업만 되어있습니다. div 3개와 hr 요소가 있네요 그럼 css는 어떻게 되어있을지 보겠습니다. 보더 hr { margin-top: 30px; margin-bottom: 30px; /* margin은 바깥쪽 여백을 의미합니다. top, right, bottom, left가 있습니다. 이 모든 것을 포괄하는 것이 margin 입니다. */ } #box { width: 100px; height: 100px; background:#03D..
