Seongwon Lim

서론 이번 글에서는 HTML을 통해 생성된 요소 앞뒤에 새로운 요소를 추가하는 기능을 제공하는 가상 요소 :after, :before에 사용하는 방법을 간단하게 알아보고자 한다. 가상 요소는 컨텐츠의 앞뒤에 기호, 도형, 수식어 등을 사용하여 컨텐츠를 장식할 필요가 있을 때 많이 사용되고 있다. 가상 요소 :before :after 특징 두 개의 가상 요소가 가지고 있는 특징은 다음과 같다. inline 요소 이므로 너비(width), 높이(height) 값을 가질 수 없다. 크기 값을 바꾸려면 inline-block 옵션을 주어야 한다. content: '들어갈 컨텐츠 내용'; 형식으로 시작한다. margin 값의 left, right는 가질 수 있으나 top, bottom은 가질 수 없다. paddi..