모든 웹사이트에 기본적으로 하나씩은 있는 풀다운 메뉴 구조를 CSS로 만들어 보겠습니다.
가로로 길게 펼쳐진 1단 메뉴는 목록 태그("
- "")로 간단하게 만들 수 있지만, 2단, 또는 3단으로 펼쳐지는 메뉴를 만들려면 사용자가 메뉴를 펼치는 동작을 통해 메뉴 항목을 최종적으로 선택하는 과정을 필요로 합니다.
사용자가 하위 메뉴를 펼치는 과정은 마우스 호버, 또는 클릭을 통해 이루어집니다. 그리고 메뉴를 펼친 상태가 유지되어야 합니다. 그래야 더 하위의 메뉴를 펼칠 수 있습니다.