[初学CSS]当鼠标移到div上面时变色，移开时又变回，怎么做﹖

Question

当鼠标移到div上面时变色，移开时又变回，怎么做﹖以下是我的写法，写的是错的（不要笑我），麻烦请教我正确的写法。<div class="MenuItem" onmouseover="class='FocusedMenuItem';" onmouseout="class='MenuItem';">
    TEST
</div>.MenuItem {    
background:#f0f0f0;
border:0px;
width: 100%;
height: 43px;
height: 25px;
text-align: center;
vertical-align: middle;
    }
    
.FocusedMenuItem {    
background:#C6D3EF;
border:1px solid #3169C6;
width: 100%;
height: 25px;
text-align: center;
vertical-align: middle;
cursor: Hand;
    }

Answer 1

<div onmouseover="this.style.background='#FF0000'" onmouseout="this.style.background='#3399FF'">123456</div>给你个简单例子

Answer 2

.a:link { text-decoration: none;color:#555555}
.a:visited { text-decoration:none;color:#555555}
.a:hover { text-decoration:none;color:#FF3000}

Answer 3

<div  onmouseover="this.className='FocusedMenuItem'" onmouseout="this.className='MenuItem'">
    TEST
</div>

Answer 4

上面的经HTML页测试通过，经ASP.NET（VB）页，测试通过！