round 클래스에 가로 폭을 설정합니다. 최외곽 박스인 box1에 배경색으로 흰색을 입력하고 border 속성을 설정합니다. border는 단축형으로 사용하지만 여기서는 테두리를 좌우만 설정할 것이므로 단축형을 사용할 수 없습니다. 그래서 세가지 속성을 사용하는데 테두리의 폭은 우선 확대해서 볼 수 있도록 수치를 열배로 입력합니다. 테두리 색상 또한 나중에 body의 배경색으로 변경할 것이지만 우선 변화 과정을 보기 위해서 배경색보다약간 짙은 회색으로 설정합니다. 테두리 스타일은 실선입니다. 높이를 설정해줘야 아무것도 없는 div 태그가 모습을 나타냅니다. 이것도 보통 사이즈의 열배로 입력한 것입니다. html의

태그에 적당한 내용을 입력하고 CSS에서 박스와 같은 배경색을 입력합니다. 패딩과 마진은 0으로 설정해야

태그의 기본 패딩과 마진설정이 제거됩니다. 이렇게 하고 웹에서 보면 아래 이미지처럼 나옵니다.