![[HTML/CSS] 드롭다운 2차메뉴 만들기](http://blog.kakaocdn.net/dn/n7Cqy/btrFBIZaOWN/Vp8Z2EhKLx2kmiHvbqjKek/img.png "[HTML/CSS] 드롭다운 2차메뉴 만들기")
[HTML/CSS] 드롭다운 2차메뉴 만들기 홈페이지를 들어가보면 메뉴 탭에 마우스를 가져가면 하위 메뉴가 아래로 내려가면서 보이는 탭이 있다. 위의 메뉴는 디자인이 되지 않아 볼품없지만, 오늘 다룰 코드들을 활용해서 모든 페이지들이 만들어진다고 보면된다. 자바스크립트를 이용해서 더 유연하게 내려온다던지 하는 것을 아래의 코드들을 변형 또는 발전시켜서 만드는 것이다. 아래에서는 html과 css만 사용해서 메뉴를 구현하였다. 코드들을 살펴보자. 1. html 구성 1차 메뉴 아이템 1 2차 메뉴 아이템 1 2차 메뉴 아이템 2 2차 메뉴 아이템 3 1차 메뉴 아이템 2 2차 메뉴 아이템 1 2차 메뉴 아이템 2 2차 메뉴 아이템 3 1차 메뉴 아이템 3 2차 메뉴 아이템 1 2차 메뉴 아이템 2 2차 메..
원문링크 : [HTML/CSS] 드롭다운 2차메뉴 만들기
![[Database] 논리적 데이터 모델링(Logical Data Modeling)](http://blog.kakaocdn.net/dn/vSdWt/btrIEYSt8bH/nO0BSY4PHNKe6FWAa8XYiK/img.png "[Database] 논리적 데이터 모델링(Logical Data Modeling)")
![[JavaScript] Scope란 무엇인가?](http://blog.kakaocdn.net/dn/baIIi7/btrF3M2q5ON/kJfWllu1LmBVP79tcjE5k0/img.jpg "[JavaScript] Scope란 무엇인가?")
![[Java] 클래스 제대로 알아보기](http://blog.kakaocdn.net/dn/ex72Kn/btrFzOT02l0/1S1eF5vxeIpZbUwxB8RxtK/img.jpg "[Java] 클래스 제대로 알아보기")
![[AWS] ubuntu 서버, MySQL DB 한 번에 배포하기 3(Lightsail)](http://blog.kakaocdn.net/dn/LS4Aa/btrNNgBwnPt/JkKPU11Y9lUzkA4KE2sWOK/img.jpg "[AWS] ubuntu 서버, MySQL DB 한 번에 배포하기 3(Lightsail)")
![[스터디] 스프링 삼각형과 설정 정보 1)](http://blog.kakaocdn.net/dn/b9bqbJ/btrJZHIapnd/aPr2IWNumCwOl4B1zWKiF1/tfile.svg "[스터디] 스프링 삼각형과 설정 정보 1)")
![[C언어] 배열 기초개념과 포인터로 배열 참조하기](http://blog.kakaocdn.net/dn/chrWTi/btrF2NOtxLA/rBFFPB4CulxNwFWHINkK6k/img.png "[C언어] 배열 기초개념과 포인터로 배열 참조하기")
네이버 블로그
티스토리
커뮤니티