@charset "utf-8";
/* CSS Document */
 #navi{
	width: 108px;
	height: 35px;
	line-height: 40px;
	margin: 0 auto;
	text-align: center;
}
  #navi ul li{ float:left; width:100px; color:#fff; text-align:center; }
  #navi ul li a{ color:#000000; font-weight:bold; display:block; }
  #navi ul li a:hover{ background:#666; }
  #navi ul li dl.dropdown{ border:3px #ccc solid; background:#000; display:none; }
  #navi ul li dl.dropdown dd{height:35px; line-height:30px; border-bottom:1px #1A76A3 solid; }
  #navi ul li dl.dropdown a{ color:#0000;  padding:0 5px; }
  #navi ul li dl.dropdown a:hover{ background:#000; color:#FF3336; }
  
  #navi ul li.menu3:hover .dropdown{ display:block; }

[출처] html과 css 만으로 드롭다운메뉴 만들기|작성자 강촉