w3.css 드롭업 CSS를 사용하여 드롭업 메뉴를 만드는 방법을 알아보자. 호버링 가능한 드롭업 생성 사용자가 요소 위로 마우스를 이동할 때 나타나는 드롭업 메뉴를 만든다. 1단계) HTML 추가 <div class=”dropup”> <button class=”dropbtn”>Dropup</button> <div class=”dropup-content”> <a href=”#”>Link 1</a> <a href=”#”>Link 2</a> <a href=”#”>Link 3</a> </div> </div> 드롭업 메뉴를 열려면 <button>, <a> 또는 <p> 요소와 같은 요소를 사용한다. 컨테이너 요소(예: <div>)를 사용하여 드롭업 메뉴를 만들고 그 안에 드롭업 링크를 추가한다. CSS를 사용하여 드롭업 메뉴의 위치를 올바르게 지정하려면 버튼과 <div> 주위에 <div> 요소를 래핑한다….