[CSS] 메뉴바(가로, 세로) 서브메뉴

메뉴바의 키포인트는 메뉴 위에 마우스를 올릴 경우 서브메뉴가 나타나는 것이다.서브메뉴의 display 는 none 으로 설정하고,해당하는 메뉴의 :hover 상태를 사용하여 서브메뉴의 display: none; 을display: block; 바꾸는 것이다.이렇게 설정을 하면 마우스를 올릴 때 서브 메뉴가 펼쳐질 것이다.--메뉴바 가로결과:마우스를 올리면 서브 메뉴가 펼쳐진다.가로 메뉴바의 경우에는 메뉴의 li 를 float: left 으로 설정하여 가로로 배치되도록 만들었다.--메뉴바 세로결과: 세로 메뉴는 포지션 abolute 를 사용하면 겹쳐지기 때문에 기본 포지션으로 설정하였고 li 들의 float: left 를 지워서 기본값(세로 정렬)으로 설정했다. ...

[CSS] 메뉴바(가로, 세로) 서브메뉴에 대한 요약내용입니다.

자세한 내용은 아래에 원문링크를 확인해주시기 바랍니다.

원문링크 : [CSS] 메뉴바(가로, 세로) 서브메뉴