::after1 [๋ ๋ง๋ค 3๋ถ CSS] ๊ฐ์์์ ์ ํ์ ::before ::after ๊ฐ์ ์์ ์ ํ์(๊ฐ์ ํด๋์ค ์ ํ์) ::before, ::after ํน์ง ๊ฐ์ ์์๋ css๋ฅผ ํตํด์ ๊ฐ์์ element๋ฅผ ์ถ๊ฐํ๋ ์ฝ๋์ด๋ค. ์ด๋ฏธ ์์ฑ๋ HTML์ ์๋ก์ด ์คํ์ผ์ ์ฃผ๊ธฐ ์ํด์ ๊ฐ์ ์์๋ฅผ ์ถ๊ฐํด์ ์ฌ์ฉ์ ํ ์ ์๋ค. ๋ด์ฉ์ ์( ::before )๊ณผ ๋ค( ::after )์ ์ฝํ ์ธ ๋ฅผ ์ถ๊ฐํ๋ค content๋ผ๋ ์์ฑ์ด ์๋๋ผ๋ ์ถ๊ฐํ๊ณ ๋ด์ผํ๋ค, ์์ผ๋ฉด ๋์ํ์ง ์์ ํน์ ์์์ ์(::before)์ด๋ ๋ค(::after)์ ์ง์ ํ ๋ด์ฉ(ํ ์คํธ ๋๋ ์ด๋ฏธ์ง)์ ์ถ๊ฐํ ์ ์๋ค. ์ธ๋ผ์ธ ์์์ด๋ค. ( = ๋์ด/๋์ด ๊ฐ์ด ์ง์ ๋์ง ์๋๋ค ) content ์์ฑ normal: ์๋ฌด๊ฒ๋ ํ์ํ์ง ์๋ ๊ธฐ๋ณธ๊ฐ string: ๋ฌธ์์ด ์์ฑ image: ์ด๋ฏธ์ง๋ ๋น๋์ค๋ฅผ ๋ถ๋ฌ์ฌ ์ ์์ผ๋ ํฌ๊ธฐ.. 2022. 10. 6. ์ด์ 1 ๋ค์