7-2. CSS ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง ์ง์ ( background-image, background-repeat, background-position, background-origin, background-attachment ๋ฑ )
1. background-image background-image ๋ ์น ์์์ ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง๋ฅผ ๋ฃ์ ๋ ์ฌ์ฉํ๋ ์์ฑ์ด๋ค. background-image : url ('์ด๋ฏธ์ง ํ์ผ ๊ฒฝ๋ก') ์ด๋ฏธ์ง ํ์ผ ๊ฒฝ๋ก๋ ํ์ฌ ์น ๋ฌธ์ ๊ธฐ์ค์ผ๋ก ์๋ ๊ฒฝ๋ก๋ฅผ ์ง์ ํ๊ฑฐ๋, http:// ๋ก ์์ํ๋ ์ ๋ ๊ฒฝ๋ก๋ฅผ ์ฌ์ฉํ ์๋ ์๋ค. 2. background-repeat background-repeat ์ ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง์ ๋ฐ๋ณต ๋ฐฉ๋ฒ์ ์ง์ ํ๋ ์์ฑ์ด๋ค. background-repeat ์์ฑ๊ฐ 1๏ธโฃ repeat : ๋ธ๋ผ์ฐ์ ํ๋ฉด์ ๊ฐ๋ ์ฐฐ ๋๊น์ง ๊ฐ๋ก์ ์ธ๋ก๋ก ๋ฐ๋ณตํ๋ค. (๊ธฐ๋ณธ๊ฐ) 2๏ธโฃ repeat-x : ๋ธ๋ผ์ฐ์ ํ๋ฉด ๋๋น์ ๊ฐ๋ ์ฐฐ ๋ ๊น์ง ๊ฐ๋ก๋ก ๋ฐ๋ณตํ๋ค. 3๏ธโฃ repaet-y : ๋ธ๋ผ์ฐ์ ํ๋ฉด ๋๋น์ ๊ฐ๋ ์ฐฐ ๋ ..
2021.10.13