::after, ::before 가상 선택자와 content 추가하여 태그에 border 만들기 홈페이지 네비게이션에서 태그사이에 보더가 있거나 태그 위에 보더가 있는 경우를 많이 봤었다. 보더 없이 일렬로 나열되는 것 보다는 장식적 요소를 줌으로써 사용자들에게 현재 사용하고 있는 카테고리를 정확히 보여주고 유저의 편리함과 접근성을 높이게 된다. 보더를 만드는 방법에는 여러가지가 있을 텐데 내가 시행착오를 겪었던 방식과 ::after,::before의 가상 선택자로 만드는 방법을 중점적으로 활용해보겠다. 먼저 가상선택자에 대해 알아보자면 이러한 html코드가 있을 때 간단한 style을 주면 이렇게 나올 것이다. 여기서 각각 ::before과 ::after을 적용하면 'start'라는 텍스트와 고양이 이..
