320x100
# 가상 요소
1.ABC::before
선택자 ABC 요소의 내부 앞에 내용을 삽입
예시
.box::before {
content: ‘앞’;
}
<div class=‘box’>
blue
</div>
라고 되어 있을때
box클래스에 해당하는 요소 앞에 ‘앞’이라는 글자를 삽입한다.
출력 결과물로는 앞 blue가 되겠다.
2.ABC::after
before와 원리가 같다.
300x250
'Web > Css' 카테고리의 다른 글
css 활용2 글꼴, 문자 (0) | 2022.09.05 |
---|---|
css 활용1 박스 모델 (0) | 2022.09.05 |
css 기초3 가상 클래스 hover,active,nth-child 등 (0) | 2022.09.05 |
css 기초2 복합 선택자 (0) | 2022.09.05 |
css 기초1 기본 선택자 (html에 작성된 것중 어떤것에 css 속성을 입히는지) (0) | 2022.09.05 |