Banner

My Tech Blog (์ค„)

์˜ค๋Š˜์˜ ๋ช…์–ธ
" ์„ฑ๊ณต์€ ์˜์›ํ•˜์ง€ ์•Š๊ณ , ์‹คํŒจ๋„ ์น˜๋ช…์ ์ด์ง€ ์•Š๋‹ค. ์ค‘์š”ํ•œ ๊ฒƒ์€ ์šฉ๊ธฐ๋‹ค. "
- ์œˆ์Šคํ„ด ์ฒ˜์น  (์˜๊ตญ ์ด๋ฆฌ, ์ •์น˜๊ฐ€)
โœจ์ œ๋ชฉ &ํ…์ŠคํŠธ ๋””์ž์ธโœจ    ๐Ÿ“Œ 1.  ๊ฐ€๋กœ ์„ ์ด ๋‘ ๊ฐœ ์žˆ๋Š” ์ œ๋ชฉ ๋””์ž์ธ2๊ฐœ์˜ ์„ ์œผ๋กœ ๊ฐ„๋‹จํ•˜๊ฒŒ ์ œ๋ชฉ์„ ๊พธ๋ฉฐ๋ด์š”. position: absolute ๋Œ€์‹  flex๋ฅผ ์ด์šฉํ•ด์„œ ์ฝ”๋“œ๋ฅผ ๊ตฌํ˜„ํ•ด ๋ณผ๊ฒŒ์š”.  โ˜‘๏ธ HTML ์ฝ”๋“œ๋ฉ‹์ง„ ์›น๋””์ž์ธ์„ ์œ„ํ•œ ์•„์ด๋””์–ดโ˜‘๏ธ CSS ์ฝ”๋“œ.heading { display: flex; justify-content: center; align-items: center; font-size: 36px;}.heading::before,.heading::after { content: ''; width: 70px; height: 3px; background-color: #ffb28e;}.heading::before { margin-right: ..
์ƒ๋‹จ์œผ๋กœ