弹take菜单<br>/* 일반적인 스타일 */<br>.menu {font-family: arial, sans-serif; 너비:750px; 위치:상대적; 여백:0; 글꼴 크기:11px; margin:50px 0;}<br>.menu ul li a, .menu ul li a:visited {display:block; 텍스트 장식:없음; 색상:#000;너비:104px; 높이:20px; 텍스트 정렬:가운데; 색상:#fff; 테두리:1px 솔리드 #fff; 배경:#710069; 줄 높이:20px; 글꼴 크기:11px; 오버플로:숨김;}<br>.menu ul {padding:0; 여백:0;목록 스타일 유형: 없음; }<br>.menu ul li {float:left; 여백 오른쪽:1px; position:relative;}<br>.menu ul li ul {display: none;}</p> <p><br>/* 비 IE 브라우저에만 해당 */<br>.menu ul li:hover a {color: #fff; 배경:#36f;}<br>.menu ul li:hover ul {display:block; 위치:절대; 상단:21px; 왼쪽:0; 너비:105px;}<br>.menu ul li:hover ul li a.hide {배경:#6a3; 색상:#fff;}<br>.menu ul li:hover ul li:hover a.hide {배경:#6fc; 색상:#000;}<br>.menu ul li:hover ul li ul {display: none;}<br>.menu ul li:hover ul li a {display:block; 배경:#ddd; 색상:#000;}<br>.menu ul li:hover ul li a:hover {배경:#6fc; 색상:#000;}<br>.menu ul li:hover ul li:hover ul {display:block; 위치:절대; 왼쪽:105px; top:0;}<br>.menu ul li:hover ul li:hover ul.left {left:-105px;}</p> <p><br>
