[CSS] 밑줄긋기

See the Pen abJvKRZ by YoungSoo Kim (@znxkznxk1030) on CodePen. 가상 요소(pseudo-element)인 ::after 를 이용해서 밑줄을 그어봅시다. 가상요소(pseudo-element)란? 선택자에 추가하는 키워드로, 선택자의 특정 부분만 스타일 하기위해 사용합니다. 비슷한 요소로 가상클래스(pseudo-classes)는 선택자의 특정 상태에 스타일 하기위해 사용합니다. CSS3부터는 가상클래스는 :로(:hover, :active, 등) 시작하고, 가상요소는 ::로(::after, ::before, 등) 구분해요. * CSS2까지는 :after로 사용했지만 CSS3부터는 ::after로 사용하길 권장합니다. 1. 밑줄 생성 ::before와 ::aft..