반응형 html5 #css #드롭다운 #메뉴 #css메뉴1 드롭다운 메뉴 (css 활용) 오늘 포스팅은 홈페이지에서 자주 사용하는 메뉴 구성을 해보겠습니다. 보통 드롭다운 메뉴라고하면, 메뉴에 마우스를 갖다댔을때 숨어있던 세부 메뉴가 노출됩니다. 먼저 ul li 태그 이용해서 메뉴를 구성합니다. 홈 메뉴1 세부1-1 세부1-2 세부1-3 메뉴2 세부2-1 세부2-2 세부2-3 메뉴3 세부3-1 세부3-2 세부3-3 대메뉴 쪽에 세부메뉴를 사용할 곳에 ul li 를 더 넣어서 구성해줍니다. 그후에 ul li 안에 들어가있는 세부메뉴는 css 에서 display:none을 이용해서 숨겨주고 대메뉴에 마우스 오버시 출력되게 할 것입니다. .menu > li{line-height:40px;height:40px;float:left;width:calc(10% - 1px);background:rgba(0.. 2022. 4. 10. 이전 1 다음 반응형