
๐ฑ ์ฝ๋ฆฐ์ด๋ฅผ ์ํ GUIDE/๐๏ธ OpenSource
9 CSS๋ก ๋ฐ์ค ๋ง๋ค๊ธฐ (๊ตฌํ ์ ํด์ฃผ๊ธฐ)
CSS๋ก ๋ฐ์ค ๋ง๋ค๊ธฐ (๊ตฌํ ์ ํด์ฃผ๊ธฐ) ๊ธด ๋ง ํ ๊ฒ ์์ด, ๋ฐ๋ก ์ฝ๋๋ก ํ์ธํด๋ณด์. CSS๊ฐ ์ด๋ณด๋ผ์ ๊ตฌํ ์ค์ ์ด ์ด๋ ต๋ค๋ฉด, ๋์ฒ๋ผ ์๋์ ์ฌ์ดํธ๋ก ์ฐ์ต์ ํด๋ณด๋ ๊ฒ๋ ์ข์ ๊ฒ ๊ฐ๋ค. ๐ก CSS Diner ํด๋ฆญ ์ฝ๋ box1 box2 box3 * { background-color: gray; } .box1{ border: 3px solid blue; width: 200px; height: 200px; background-color: white; padding: 50px 100px 30px; /*pading top left ๋ฑ์ผ๋ก ํ๋๊ฒ ๋ ํธํจ */ margin-bottom: 30px; /*๊ณต๋ฐฑ*/ } .box2{ box-sizing: border-box; border: 3px solid red; wi..