네비게이션 메뉴바의 구분선 만드는방법을 알고싶습니다
다미
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를 사용하는게 간단하고 추천!
| 번호 | 제 목 | 글쓴이 | 날짜 |
|---|---|---|---|
| 2696504 | 플래시 위에 div 올리기 (5) | 큰꽃늘 | 2025-05-30 |
| 2696458 | 제가 만든 소스 한번 봐주시고 수정 할 꺼 있으면 말해주세요. (실행은 되지만 깜빡거리네요) | 이플 | 2025-05-29 |
| 2696434 | 퍼센트 레이아웃 질문인데요.. | 나츠 | 2025-05-29 |
| 2696372 | %=open_main%, %=open_sub% 가 뭘까요? (9) | 행복녀 | 2025-05-29 |
| 2696347 | 콘솔 프로그램 질문 | 상큼한캔디 | 2025-05-28 |
| 2696320 | c언어 scanf 함수를 이요해 문자열 입력 받을 시 질문 있습니다. | 슬아라 | 2025-05-28 |
| 2696292 | 익스플로러9이상에서만 이상한 보더가 보이는데 삭제할수 있나요? | 망고 | 2025-05-28 |
| 2696263 | 프로그래밍 공부시작 질문 (6) | 진이 | 2025-05-28 |
| 2696206 | SK2의 플래시를 밴치마킹하려고하는데요.. (1) | 비내리던날 | 2025-05-27 |
| 2696179 | ie7에서 사라지지가 않네요. (2) | 빛길 | 2025-05-27 |
| 2696150 | div에 스크롤 생기게 하려면... (2) | 에드가 | 2025-05-27 |
| 2696123 | 자료구조론 공부중인데 | 김자영 | 2025-05-26 |
| 2696094 | exe 파일 | 제철 | 2025-05-26 |
| 2696043 | 제이쿼리 .scroll() 관련 질문드립니다 | 이거이름임 | 2025-05-26 |
| 2695984 | 마크업상으로 하단에 있으나 우선적으로 이미지파일을 다운로드받는 방법 (1) | 들꿈 | 2025-05-25 |
| 2695934 | tr 속성값 (9) | 새 | 2025-05-25 |
| 2695905 | ASP로 개발됐을 때 css가 달라져요 ㅠㅠ (4) | 슬아라 | 2025-05-24 |
| 2695878 | form을 이용한 다른 페이지로 넘기는 방법을 알려주세요 (1) | 핫파랑 | 2025-05-24 |
| 2695844 | 저기 암호화 및 복호화 프로그램.. 만들어볼려는대 (2) | 한빛 | 2025-05-24 |
| 2695814 | [질문] PDA에서 애플릿이 가능한가요? (1) | 봄시내 | 2025-05-24 |