관리 메뉴

IT 쟁이

네비게이션 메뉴바 만들기 - 출처 실용예제로 배우는 웹표준 - 도서출판 에이콘 본문

HTML/CSS

네비게이션 메뉴바 만들기 - 출처 실용예제로 배우는 웹표준 - 도서출판 에이콘

클라인STR 2008. 2. 23. 21:52
사용자 삽입 이미지
<ul>과 <li>태그로 불릿을 작성합니다.
스타일시트 파일을 생성하여  CSS를 작성합니다.
사용자 삽입 이미지

display 값은 inline으로 한것은 가로로 리스트를 표시하기 위해서 이다.
바닥선을 추가하기위해서 border-bottom 속성을 추가합니다.
float값을 left로 한것은 왼쪽에서부터 순서대로 흐르기 위해서입니다.

미니탭 방식의 네비게이션 메뉴바.

사용자 삽입 이미지

배경이미지로 모양을 만들경우 이미지경로를 설정한다.
사용자 삽입 이미지

배경이미지로 모양을 만든 미니탭 네비게이션바
사용자 삽입 이미지
Comments