네비게이션 메뉴바의 구분선 만드는방법을 알고싶습니다
다미
2023.04.01
모 사이트의 네비게이션바인데요
Q&A, Class, Community 각각의 오른쪽에 ㅣ 모양의 구분선.. 요걸 만들고싶은데요
css로 만드는건가요? 아님 이미지파일인지..
-
솔관
li:after {position:absolute; right:0; top:3px; width:1px; height:6px; background:#000; border-right:1px solid #ccc; content:'}
IE6,7에서 안보이는건 넘어가시구요...위 방법이 모든면에서 깔끔해요 -
꽃겨울
저는 선을 이미지로 만들고 li에 백그라운드로 깔아줍니다.
그리고 첫번째 li는 나오면 안도니깐...li:frist-child {background:none;} 이런식으로 처리해 줍니다.
방법은 여러가지니깐... -
오빤테앵겨
ul li 에다가 padding-top,padding-bottom 주고 li 안의 span+span에 border-left : 1px solid #???; 를 주면 될거 가습니다
문의하신 phpschool 같은 경우는 그냥 이미지자체에 보더가 들어가있군요 -
유리
작은크기의 div만들어서 회색,흰색의 border 만드는건가요?
-
물고기자리
css의 border를 사용해도 되고 이미지를 사용해도 되는데 border를 사용하는게 간단하고 추천!