CSS의 :before,:after 선택자를 활용하여 구분선을 만들어보자

카테고리 없음

윈컴이 2016. 7. 25. 19:05

:before, :after은 CSS의 가상 요소입니다. CSS3에서는 ::before, ::after로 사용합니다.

예제

<a href="#">1111</a>
<a href="#">222</a>
<a href="#">333</a>

여기에 :before 혹은 :after를 이용해서 각 항목을 구분할 수 있는 디자인을 만들 수 있습니다.

a:after{content:" | "}

a:after{content:" | "}
a:last-child:after{content:"";}