반응형 수평 메뉴 만들기2 드롭다운 메뉴 만들기(2단 수평 메뉴편) 드롭다운 메뉴 만들기(2단 수평 메뉴편) 지난 시간엔 비교적 쉬운 2단 수직 메뉴 만들기를 배웠습니다. 수평 메뉴는 좀 더 복잡하므로, 앞 강좌를 미리 공부하시고 오면 좋을 것 같아요 [css]드롭다운 메뉴 만들기(기초) 드롭다운 메뉴 만들기 (2단 수직 메뉴편) 수평 메뉴 만드는 방법은 수직 메뉴편에서 본 것과 동일합니다. 1. 2단 메뉴 만들기 html menu1 menu2 sub menu1 sub menu2 sub menu3 menu3 지난 시간과 달라진 점이 있다면 1단 메뉴에 클래스명이 붙었다는 것인데요, 3단, 4단 메뉴 등 계층구조가 좀 더 복잡해질수록 id나 class명을 붙여 이용하는 것이 좋습니다. css ul{list-style:none; margin:0px; padding:0px;}.. 2014. 12. 3. [css]드롭다운 메뉴 만들기(기초) [css]드롭다운 메뉴 만들기(기초) 드롭다운 메뉴 dropdown menu란, 상단이나 좌측 또는 우측의 메뉴를 클릭했을 때 하위 메뉴로 늘어지는 계층화된 형태의 메뉴를 말합니다. 오늘은 가장 기초적인 메뉴 만들기를 배워 보고 다음 시간엔 주 메뉴를 클릭했을 때 부 메뉴가 나오는 방식을 배워 보겠습니다. 수직 메뉴 만들기 각각의 메뉴를 만들 때는 목록 태그를 이용 합니다. 1. 목록 만들기 html 홈페이지 방명록 전체 글 목록 실행 화면 홈페이지 방명록 전체 글 목록 목록을 만드는 ul, ol, li 태그 2. 머리 기호 없애기 메뉴 앞에 머리 기호를 없애려면 list-style:none을 사용합니다. css ul{list-style:none;} 실행화면 홈페이지 방명록 전체 글 목록 list-sty.. 2014. 11. 28. 이전 1 다음 반응형
