box

๐ŸŒฑ ์ฝ”๋ฆฐ์ด๋ฅผ ์œ„ํ•œ 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..

์–‘์ฝฉ(Yangkong)
'box' ํƒœ๊ทธ์˜ ๊ธ€ ๋ชฉ๋ก