Navbar 컨텐츠 테두리치기
navbar에서 컨텐츠를 테두리치려니 각자 아이템의 사면에 border가 적용되서 중간의 선이 진하게 나온다. 어떻게 고쳐야 할까? 일단 전체적인 큰 틀인 태그에 테두리를 넣었다. 그리고 중간에 chicken과 beef 밑에 선을 추가해주려고 생각했다. 그래서 chicken과 beef 는 nav-item under라는 다른 클래스를 더해주고 두개의 item에만 선을 추가해주었다. 결과는 성공! 하지만 item수가 수없이 많으면 어떻게 할까? 좀 더 효율적인 방안이 필요하다. 참 신기한 점은 똑같은 코드인데 안되다가 갑자기 된다. 정말 알수 없는 노릇이다...
UX 디자인
2021. 5. 25. 21:20