728x90 study/html&css1 css 가상요소 before,after css 가상 요소를 사용해 볼 것이다. li 대신 리스트 앞에 네모 도트를 만들어보자. before : 선택한 요소 바로 앞에 내용 추가 after : 선택한 요소 바로 뒤에 내용 추가 라고 보면 될 듯? 가상의 값?이라서 개발자 도구로 열면 내용은 안보인다 ::beforef로 되어있어 css로 봐야한다. html 코드는 다음과 같이 작성 첫번째 두번째 test test css 는 다음과 같이 작성 content로 가상의 영역(?)을 만들어 주고 모양을 잡음! content에 글자를 넣으면 해당 요소 앞이나 뒤쪽에 글자가 생김! .all-area .list-item::before{ content: ''; display: inline-block; width: 2px; height: 2px; backgrou.. 2021. 10. 22. 이전 1 다음
