네비게이션 메뉴바의 구분선 만드는방법을 알고싶습니다
다미
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를 사용하는게 간단하고 추천!
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2654343 | 레이어 팝업.. 흑흑 (4) | 다인 | 2024-05-10 |
2654284 | 반응형 웹에서 | HotPink | 2024-05-09 |
2654234 | 타이틀옆에 카테고리 정렬질문이요 (2) | 밤 | 2024-05-09 |
2654207 | 퍼블리셔포트폴리오질문이요! ! (2) | 훌림목 | 2024-05-08 |
2654175 | 방문자 수,포스트마다 사람들이 클릭 한 수 알 수 있는 방법 없나요? | 찬늘 | 2024-05-08 |
2654145 | 숙제란! | 피리 | 2024-05-08 |
2654120 | 레이어팝업 이용시 body 스크롤 고정(?) 질문입니다. (2) | 꿈빛 | 2024-05-08 |
2654094 | 메인메뉴와 윈쪽사이드메뉴 테마? | 솔찬 | 2024-05-07 |
2654064 | mp3 plyer에서 이퀄라이져를 구현하고 싶습니다. (7) | 촉촉한 초코칩 | 2024-05-07 |
2654034 | 초보자라 조언좀얻고자합니다 씨언어 문제입니다 (4) | 모이 | 2024-05-07 |
2654006 | 아주 극초보 배열문젠데요...오류를 어케 처리하죠..;;; (2) | 눈꽃 | 2024-05-07 |
2653980 | 이미지 슬라이드 안에 삽입한 텍스트 애니메이션 제어방법? | 다흰 | 2024-05-06 |
2653950 | 키보드 누르기.. | 의사양반 | 2024-05-06 |
2653928 | [질문]자바언어에서 이성에대한 속성10개 메소드5개를알아오라는데;; (8) | 장미빛볼살 | 2024-05-06 |
2653851 | 자바 비동기 네트워크 질문입니다. | 벛꽃잎 | 2024-05-05 |
2653823 | 드림위버5로 div코딩 작업시 (10) | 미쿡 | 2024-05-05 |
2653797 | [HTML or JavaScript 질문요] 싸이2홈에 관한 (5) | 라임나무 | 2024-05-05 |
2653772 | [질문] JAVA로 제 컴에 있는 화상 카메라 제어 가능하겠죠? (2) | 환히찬 | 2024-05-04 |
2653721 | [플러그인]질문드립니다!! (3) | 이리온 | 2024-05-04 |
2653697 | 포문의 고수님들 도와주세여...포문이 복잡하네여.... | 족장 | 2024-05-04 |