[CSS] before, after, content

- content 속성은 속성에서 지정한 문자열 또는 이미지를 넣을때 사용
- before 은 요소 내용 앞에 적용
- after 는 요소 내용 뒤에 적용 할 때 사용한다.

예를 들어서,

#div 요소 내용 앞에 따옴표를 추가
div:before {
	content: '“';
}

#div 요소 내용 뒤에 따옴표를 추가
div:after {
	content: '“';
}

만약 이미지를 추가하고 싶다면 다음처럼 사용하면 된다

div:before {
	content: url( "path/test.png" );
}