테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

메뉴 분류 선 어떻게 넣는지 알고싶습니다 채택완료

00832 7년 전 조회 1,926
답변 2
목록

안녕하세요.

li를 이용해서 각 메뉴를 나누는 세로 선을 추가하는 방법은 아는데, 그누보드에서 사용하는 관리자 페이지의 메뉴는 li속성을 사용하지않기때문에 어떻게 나눠야 할지 모르겠네요..

일단 {border-left:1px solid #000;} 속성으로 ｜ 메뉴1 ｜ 메뉴2 ｜ 메뉴3 ｜ 메뉴4... 형식으로 만들어지긴 했는데

 

첫 메뉴 앞의 선만 없애려면 어떻게 해야하나요? li 속성이 아니다보니 first 명령어를 넣어도 반응이 없고..

또, 선 속성을 넣었더니 이렇게 됐는데 선 길이가 너무 긴것 같아서 줄이고 싶습니다 어떤 속성을 더 넣으면 줄어들까요?ㅠ

#그누보드5 #메뉴바
댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
j
janedoe
7년 전

li:first-child 에서 border-left:none 하시면 안되나요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

0
00832
7년 전
li속성을 써서 만든 메뉴가 아니라 그런지 바뀌는게 없더라구요 ㅠㅠ
j
janedoe
7년 전
첫번째 매뉴에만 클래스를 지정하시면 될 것같은데 클래스 지정이 안되시나요
a.first 해서 보더 논 주시면 ...

댓글을 작성하려면 로그인이 필요합니다.

스

그냥 선을 없애고자 하는 태그에 클래스를 하나 추가 해주시면 됩니다.

</p>

<p>

<a class='a_first a_menu'>메뉴</a></p>

<p><a class='a_menu'>메뉴</a></p>

<p><a class='a_menu'>메뉴</a>

<style>

.a_menu{border:1px solid #333}

.a_first{border-left:none !important;}

</style></p>

<p>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인