๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

rgb1

[CSS] CSS์˜ ์ƒ‰์ƒ ํ‘œํ˜„ ๋ฐฉ๋ฒ• CSS : ์ƒ‰์ƒ ํ‘œํ˜„ ๋ฐฉ๋ฒ• CSS์—์„œ๋Š” ์ƒ‰์ƒ์„ ์„ค์ •ํ•˜๋Š” ์ด 7๊ฐ€์ง€์˜ ๋ฐฉ๋ฒ•์ด ์žˆ์Šต๋‹ˆ๋‹ค. ๋จผ์ € ๊ธฐ์กด CSS์— ์žˆ๋˜ ๋ฐฉ๋ฒ• 3๊ฐ€์ง€, CSS3์—์„œ ์ถ”๊ฐ€๋œ 4๊ฐ€์ง€ ๋ฐฉ๋ฒ•์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฒˆ ์‹œ๊ฐ„์—๋Š” ์ด๋Ÿฌํ•œ CSS์˜ ์ƒ‰์ƒ ํ‘œํ˜„ ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค!๐Ÿ˜„ ๐Ÿ”ถ CSS ์ƒ‰์ƒ ํ‘œํ˜„ ๋ฐฉ๋ฒ• ๐Ÿ”ถ #1. ์ƒ‰์ƒ ์ด๋ฆ„์œผ๋กœ ํ‘œํ˜„ red, pink์™€ ๊ฐ™์ด ์ƒ‰์ƒ์˜ ์ด๋ฆ„์„ ๋‚˜ํƒ€๋‚ด๋Š” ๋ฐฉ๋ฒ•์œผ๋กœ, ์•ฝ 140๊ฐ€์ง€์˜ ์ƒ‰์ƒ ์ด๋ฆ„๋“ค์ด ๋ธŒ๋ผ์šฐ์ €์— ๋ฏธ๋ฆฌ ์ •์˜๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. p {background-color: orange;} orange #2. RGB๊ฐ’์œผ๋กœ ํ‘œํ˜„ rgb(red, green, blue)์™€ ๊ฐ™์€ ํ˜•์‹์œผ๋กœ ์ƒ‰์„ ํ‘œํ˜„ํ•ฉ๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์„œ red, green, blue ๊ฐ๊ฐ์˜ ๋ณ€์ˆ˜์—๋Š” 0์—์„œ 255์‚ฌ์ด์˜ ์ •์ˆ˜๋ฅผ ์ž…๋ ฅํ•˜๊ฑฐ๋‚˜ ๋ฐฑ๋ถ„์œจ ๊ฐ’์„ ์ง€์ •ํ•˜์—ฌ ์ƒ‰์ƒ์„ ์„ค์ •.. 2022. 8. 24.
728x90
๋ฐ˜์‘ํ˜•

Lucky Charms Rainbow
js
html
css