CSS ::before / ::after

-가상요소로 존재하지 않는 요소를 존재하는 것처럼 부여
-선택한 요소의 앞부분 / 뒷부분에 장식용 콘텐츠를 추가할 때 사용
-content와 함께 사용한다
-<img><br>과 같은 대체요소에 사용할 수 없다

html

<span>중요</span>

css

span::before{
	content : '<<';
    }

span::after{
	content : '>>';
   }

결과

<<중요>>