테두리

1. border-style

• solid : 직석
• dashed : -------
• dotted : ....
• double : =====

2. border-width

경계선 두께

3. border-color

경계선색상

4. border

단축표기법

• border : 두께 스타일 색상
• border-left : 왼쪽 경계선
• border-right : 오른쪽 경계선
• border-top : 상단 경계선
• border-bottom : 하단 경계선

5. border-radius

경계선 모서리 둥글게 표시

• border-top-left-raduis : 좌측상단 경계선
• border-radius : 50%; : 원만들기
• border-radius : 가로반지름 세로반지름 :타원 형태

6. box-shadow

그림자효과
box-shadow : 가로이동 세로이동 번짐정도 색상

여백

1. margin

외부여백
margin : 50px : 상하좌우(50)
margin : 50px 20px : 상하(50) 좌우(20)
margin : 50px 30px 20px : 상(50) 좌우(30) 하(20)
margin : 50px 40px 30px 20px : 상(50) 우(40) 하(30) 좌(20)
margin-left : 좌여백
margin-right : 우여백
margin-top : 상여백
margin-bottom : 하여백
auto : 좌우 균등 여백 : block 레벨 태그의 좌우 가운데 배치

2. padding

내부여백
padding : 50px : 상하좌우(50)
padding : 50px 20px : 상하(50) 좌우(20)
padding : 50px 30px 20px : 상(50) 좌우(30) 하(20)
padding : 50px 40px 30px 20px : 상(50) 우(40) 하(30) 좌(20)
padding-left : 좌여백
padding-right : 우여백
padding-top : 상여백
padding-bottom : 하여백
auto : 좌우 균등 여백 : block 레벨 태그의 좌우 가운데 배치