์†Œ๋ฌธ์ž๋ฅผ ๋Œ€๋ฌธ์ž๋กœ, ์ด์ „ํŽ˜์ด์ง€, z-index, border-radious

2022. 9. 26. 20:10ใ†css

๐Ÿ˜‘ Conent๋ฅผ ์ ์„ ๋•Œ๋„ ์†Œ๋ฌธ์ž๋กœ ์ ๋Š” ์ด์œ 

 ๋Œ€๋ฌธ์ž๋Š” ๋””์ž์ธ์  ์š”์†Œ์ด๊ธฐ ๋•Œ๋ฌธ์— css์—์„œ ๋Œ€๋ฌธ์ž๋กœ ๋ณ€๊ฒฝ ๊ฐ€๋Šฅํ•˜๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. ( HTML : ์†Œ๋ฌธ์ž , CSS: ๋Œ€๋ฌธ์ž๋ณ€๊ฒฝ )

 

 

  text-transform: uppercase;
์†Œ๋ฌธ์ž๋ฅผ ๋Œ€๋ฌธ์ž๋กœ ๋ณ€๊ฒฝํ•ด์ฃผ๋Š” attribute ์ด๋‹ค.

 

 

 

๐Ÿ˜‘ ์ด์ „ํŽ˜์ด์ง€๋กœ!

 

๋ชจ๋“ ํŽ˜์ด์ง€์—์„œ ๋’ค๋กœ๊ฐ€๊ธฐ ๋ฒ„ํŠผ์„ ๋ˆŒ๋ €์„ ๋•Œ ์ด์ „ํŽ˜์ด์ง€๋กœ ์—ฐ๊ฒฐํ•˜๊ฒŒ ํ•  ๋•Œ

Href=”javascript:history.back()”

 

 

 ๐Ÿ˜‘ z-index

๊ธฐ๋ณธ์ ์œผ๋กœ div์˜ ์œ„์น˜๊ฐ€ ๋งจ ์•ž์—์„œ๋ถ€ํ„ฐ ๋ช‡๋ฒˆ์งธ์ธ์ง€ ๋‚˜ํƒ€๋‚ด๋Š” ๊ฒƒ

์ฆ‰ layer์˜ ์ˆœ์„œ๊ฐ€ ๋ช‡๋ฒˆ์งธ ์ธ์ง€ ๋‚˜ํƒ€๋‚ด๋Š” ๊ฒƒ์ด๋‹ค.

๊ธฐ๋ณธ๊ฐ’์€ 0

1, 2, 3, 4 ์ˆซ์ž๋ฅผ ์ค„์ˆ˜๋ก ๋ช‡๋ฒˆ ์งธ์ธ์ง€ ์ •ํ•˜๋Š” ๊ฒƒ์ด๋‹ค.

+ absolute position(์ ˆ๋Œ€์ ์ธ ์œ„์น˜) or fixed position(๊ณ ์ •๋œ ์œ„์น˜)์— ๋Œ€ํ•ด์„œ ์„ค์ •ํ•  ์ˆ˜ ์žˆ๋‹ค.

 

 

๐Ÿ˜‘ border-top-bottom-right-left-radious 

์›ํ•˜๋Š” ์œ„์น˜์˜ radious๋ฅผ ์กฐ์ •ํ•  ์ˆ˜ ์žˆ๋‹ค

๋” ์‚ดํŽด๋ณด๊ธฐ!