请说明鼠标经过时变色的表格的制作原理

求文字说明，不要全用代码

两种方案：
一：鼠标事件 onmouseover，onmouseout
例如：onmouseover: expression(onmouseover=function (){this.style.borderColor ='blue';this.style.color='red';this.style.backgroundColor ='yellow'});
onmouseout: expression(onmouseout=function (){this.style.borderColor='';this.style.color='';this.style.backgroundColor =''});
background-color:#fff;
二：div+css
例如：.a {display: inline-block; margin: 0 5px 5px 0; padding: 0px 10px; background-color: #aab5c3; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;color: #fff; text-decoration: none;}
.a:hover {background-color: #f87b00;}