[Day 14] CSS(테두리, 여백, 레이아웃, 위치 지정)

1. 테두리 관련 스타일 cf) 박스 모델의 방향 순서는 top→right→bottom→left (시계 방향) 1) border-style : 테두리 스타일 지정 속성값 : none, hidden, solid, dotted, dashed, double, groove, inset, outset, ridge 사용 예) #box { border-style:double; } 2) border-width : 테두리 두께 지정 border-width: <크기> | thin | medium | thick 사용 예) #box1 { border-width:5px; /* 네 방향 모두 5px */ } #box2 { border-width:thick thin; /* 상하 - thick, 좌우 - thin */ } #box3 { border-width:thick thick thin; /* 상 - thick, 우 - thick, 하 - thin, 좌 - thick */ /* 이렇게 3개 일 경우 left는...