본문 바로가기
반응형

수직 메뉴 만들기2

드롭다운 메뉴 만들기 (2단 수직 메뉴편) 드롭다운 메뉴 만들기 (2단 수직 메뉴편) 지난 시간엔 단순한 메뉴 만들기를 배웠습니다. [css]드롭다운 메뉴 만들기(기초) [링크를 가진 단순 메뉴] menu1 menu2 menu3 이것을 1단 메뉴라고 한다면, 주 메뉴를 클릭했을 때 부 메뉴가 나오는 2단 메뉴를 만들면 다음과 같습니다. [2단 메뉴 만들기] 1. 2단 목록 만들기 html menu1 menu2 sub menu1 sub menu2 sub menu3 menu3 파란색이 1단 메뉴라면 빨간색 부분이 2단 메뉴에 해당 ▶실행화면 우선 2단 메뉴를 숨겨 놓고, 1단 메뉴에 마우스 오버했을 때 부 메뉴를 드러내야 되겠지요. 2. 부 메뉴를 숨겨 놓기 ul ul {display:none;} 3. 주 메뉴에 마우스 오버했을 때 부 메뉴 표시하기.. 2014. 12. 2.
[css]드롭다운 메뉴 만들기(기초) [css]드롭다운 메뉴 만들기(기초) 드롭다운 메뉴 dropdown menu란, 상단이나 좌측 또는 우측의 메뉴를 클릭했을 때 하위 메뉴로 늘어지는 계층화된 형태의 메뉴를 말합니다. 오늘은 가장 기초적인 메뉴 만들기를 배워 보고 다음 시간엔 주 메뉴를 클릭했을 때 부 메뉴가 나오는 방식을 배워 보겠습니다. 수직 메뉴 만들기 각각의 메뉴를 만들 때는 목록 태그를 이용 합니다. 1. 목록 만들기 html 홈페이지 방명록 전체 글 목록 실행 화면 홈페이지 방명록 전체 글 목록 목록을 만드는 ul, ol, li 태그 2. 머리 기호 없애기 메뉴 앞에 머리 기호를 없애려면 list-style:none을 사용합니다. css ul{list-style:none;} 실행화면 홈페이지 방명록 전체 글 목록 list-sty.. 2014. 11. 28.
반응형