Navbar 컨텐츠 테두리치기

navbar에서 컨텐츠를 테두리치려니 각자 아이템의 사면에 border가 적용되서

 

중간의 선이 진하게 나온다. 어떻게 고쳐야 할까?

 

일단 전체적인 큰 틀인 <ul>태그에 테두리를 넣었다.

 

그리고 중간에 chicken과 beef 밑에 선을 추가해주려고 생각했다.

그래서 chicken과 beef 는 nav-item under라는 다른 클래스를 더해주고 두개의 item에만 선을 추가해주었다.

결과는 성공! 하지만 item수가 수없이 많으면 어떻게 할까? 좀 더 효율적인 방안이 필요하다.

 

참 신기한 점은 똑같은 코드인데 안되다가 갑자기 된다. 정말 알수 없는 노릇이다...