본문 바로가기
Web/Css

css 기초4 가상 요소

by 다니엘의 개발 이야기 2022. 9. 5.
320x100

# 가상 요소

 

1.ABC::before

선택자 ABC 요소의 내부 앞에 내용을 삽입

 

예시

.box::before {

content: ‘앞’;

}

 

<div class=‘box’>

 

blue

 

</div>

 

라고 되어 있을때 

box클래스에 해당하는 요소 앞에 ‘앞’이라는 글자를 삽입한다.

 

출력 결과물로는 앞 blue가 되겠다.


2.ABC::after

before 원리가 같다.

300x250