메뉴 분류 선 어떻게 넣는지 알고싶습니다
본문
안녕하세요.
li를 이용해서 각 메뉴를 나누는 세로 선을 추가하는 방법은 아는데, 그누보드에서 사용하는 관리자 페이지의 메뉴는 li속성을 사용하지않기때문에 어떻게 나눠야 할지 모르겠네요..
일단 {border-left:1px solid #000;} 속성으로 ｜ 메뉴1 ｜ 메뉴2 ｜ 메뉴3 ｜ 메뉴4... 형식으로 만들어지긴 했는데
첫 메뉴 앞의 선만 없애려면 어떻게 해야하나요? li 속성이 아니다보니 first 명령어를 넣어도 반응이 없고..
또, 선 속성을 넣었더니 이렇게 됐는데 선 길이가 너무 긴것 같아서 줄이고 싶습니다 어떤 속성을 더 넣으면 줄어들까요?ㅠ
답변 2
li:first-child 에서 border-left:none 하시면 안되나요
li속성을 써서 만든 메뉴가 아니라 그런지 바뀌는게 없더라구요 ㅠㅠ
첫번째 매뉴에만 클래스를 지정하시면 될 것같은데 클래스 지정이 안되시나요
a.first 해서 보더 논 주시면 ...
그냥 선을 없애고자 하는 태그에 클래스를 하나 추가 해주시면 됩니다.
<a class='a_first a_menu'>메뉴</a>
<a class='a_menu'>메뉴</a>
<a class='a_menu'>메뉴</a>
<style>
.a_menu{border:1px solid #333}
.a_first{border-left:none !important;}
</style>
답변을 작성하시기 전에 로그인 해주세요.