가상요소1 css로 다각형 만들기(가상요소 ::before, ::after 활용) 가상요소를 활용하기 앞서 가장 먼저 필수적인, 부모역할을 하는 본체에 position: relative; 를 지정해줍니다. 다음으로 부모라는 보호아래, 아이역할을 하는 ::before와 ::after에는 content: "";와 position: absolute;를 지정해주면서 포지션을 맞춰줍니다. 오각형 아래 본체(pentagon)는 사다리꼴(css로 사각형 만들기 참조)로 만든 후, 가상요소인 ::before로 삼각형(css로 삼각형 만들기 1 참조)을 만들어줍니다. .pentagon { position: relative; width: 50px; height: 0; border-style: solid; border-width: 45px 20px 0; border-color: #ffd67a transp.. 2023. 3. 10. 이전 1 다음
