난 단지 CSS로 horizo​​natal 메뉴 구분 기호를 만들 것, 모든 이미지없이. 내가 머리글 또는 바닥글 메뉴에서 주로이 방법을 사용. 그러나이 방법으로 제한되었습니다, 전 단지 국경이나 오른쪽 CSS 속성을 왼쪽으로 알고 있기 때문에 (g. 국경에서 왼쪽으로:1px 고체 #이나 보더 오른쪽 CCC 인증:1px # CCC 인증 고체) 그리고이 속성은 단지 장소 ” | ” 메뉴에서 분리기. 너무 창작.

하지만 – tatatata – 내가 새로 하나 발견 (나를 위해) 속성을 CSS를 “콘텐츠” 하나의 새로운 (나를 위해) 클래스 선택기 “면:후”, 그래서 난 이제 메뉴 구분 기호로 내 메뉴에서 특수 문자를 넣을 수 있습니다.

예를 들어:

li:after {content:" | "}

내 사이트의 바닥글 메뉴는 다음과 같은 매개 변수에 의해 만들어졌습니다:

# footermenu 경우:{콘텐츠 후:" > "} # footermenu li.item81 : 후 {콘텐츠:" "}

첫 번째 “콘텐츠” 속성 장소 “>” 바닥글 메뉴에있는 모든 메뉴 항목 뒤에 문자, 두 번째 “콘텐츠” 속성 삭제 “>” 마지막에서 문자 (item81) 메뉴 항목.

나는 파이어 폭스에서 테스트를 3, 인터넷 익스플로러 8, Google 크롬 2.0 그리고 오페라 9.63, 그것은 제대로 작동 언급된 모든 브라우저에서.

바닥글에서 메뉴를 볼 수.