1. 경계선(Border) 종류

solid — 실선

dashed — 파선

dotted — 점선

double — 이중선

groove — 홈 효과

ridge — 돌출 효과

inset — 안쪽 눌린 효과

outset — 바깥 돌출 효과

혼합 — 상:dotted 우:dashed 하:solid 좌:double

border-radius — 둥근 모서리

2. 마진(Margin) & 패딩(Padding)

margin:30px — 바깥 여백 (파란 점선 바깥)
padding:30px — 안쪽 여백 (주황 테두리 안)
margin: 10px 20px 30px 40px (상 우 하 좌)
padding: 5px 10px 15px 20px (상 우 하 좌)

3. 박스 그림자(box-shadow) & 텍스트 그림자(text-shadow)

box-shadow: 5px 5px 3px #888 — 기본
border-radius + box-shadow — 둥근 박스
box-shadow: blur 없는 진한 그림자
box-shadow: inset — 안쪽 그림자

text-shadow 텍스트 그림자