드롭 다운 메뉴에서 마우스를 올리면 배경색이 바뀝니다

Question

사용자가 li 요소 위로 마우스를 가져 가면 <li>의 배경색이 변경되어 전체 화면의 너비가 <a>이 아니라 변경됩니다. 이것은 내가 지금까지 시도한 것이다. 디스플레이 추가

마크 업

    <ul class="dropdown"> 
         <li><a href="#">Visit the castle</a></li> 
         <li><a href="#">Dancing Building</a></li> 
         <li><a href="#">Nightlife</a></li> 
         <li><a href="#">Museums</a></li> 
        </ul> 

CSS

.dropdown{display:block; position:absolute; background-color:black; margin-left:65px; height:190px;} 
.dropdown li:hover{background-color:#333; padding:0px;} 
.dropdown li a{display:block;} 

Answer 1

: 블록; 귀하의 ".dropdown li"에 대한 해결책이 될 수 있지만 귀하의 사례에 따라 다릅니다 .... 어딘가에 라이브 데모가 있습니까?