홈
레벨 98: 드롭다운 메뉴
이전
다음
지시사항
`absolute`, `right-0`, `shadow-lg`를 사용하여 우측 정렬된 드롭다운 메뉴를 만드세요.
목표:
클릭 시 나타나는 메뉴의 스타일을 잡아봅시다 (동작은 제외).
HTML 에디터
정답 확인
<div class="relative inline-block text-left"> <button class="bg-gray-200 p-2 rounded">옵션</button> <div class="mt-2 w-56 rounded-md bg-white ring-1 ring-black ring-opacity-5"> <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">계정 설정</a> <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">로그아웃</a> </div> </div>
레벨 완료! 🎉
잘하셨습니다! 이 개념을 마스터하셨군요.
다음 레벨 →
라이브 미리보기
Tailwind Play CDN 제공
당신의 결과
목표 결과