JavaScript를 쓰지않고 CSS 로만 Dropdown 메뉴를 만들어 보도록 하겠습니다. 핵심은 :hover 효과와 display:none; 속성을 잘 활용하는 것. :hover = mouse를 올렸을 때 라는 경우의 수 display = 요소를 어떻게 보여줄지 결정하는 css 속성 1. dropdown menu를 ul li ul 로 html 짠 경우 html 코드 (일부) slide1 ▼ sub_slide1 sub_slide2 css 적용 (일부) /* 서브메뉴 숨기기 */ #gnb li ul{ display:none; } /*메인메뉴 마우스가 올라가면 텍스트 아래 검은 테두리 만들기 */ #gnb > li:hover > a{ border-bottom:3px solid black; } /* 메인메뉴..
