div

Untitled

Untitled


background-image / background-repeat

아무것도 안써서 기본값 = repeat

아무것도 안써서 기본값 = repeat

no-repeat

no-repeat

repeat-x (x축으로 반복)

repeat-x (x축으로 반복)

repeat 안 쓴거(기본이 repeat)

repeat 안 쓴거(기본이 repeat)

no repeat

no repeat

repeat-x 오른쪽으로 반복 / y 하면 세로로 반복

repeat-x 오른쪽으로 반복 / y 하면 세로로 반복


background-size / background-position

왼쪽 입력 300px 오른쪽 입력 270px

왼쪽 입력 300px 오른쪽 입력 270px

Untitled

좌우 가운데로

좌우 가운데로

맨위에 붙고 좌우 가운데로

맨위에 붙고 좌우 가운데로

Untitled

Untitled

50% 50% 하면 왼쪽에서 50% 위에서 50% 떨어진 위치

50% 50% 하면 왼쪽에서 50% 위에서 50% 떨어진 위치

Untitled


background-attachment

fixed 고정

fixed 고정

scroll scroll 해야 볼 수 있음

scroll scroll 해야 볼 수 있음

Untitled

Untitled