Efectos al pasar el mouse sobre un boton con CSS

style="background-color:#eeeeee;border-style:outset"
onmouseover="this.style.backgroundColor='cyan'"
onmouseout="this.style.backgroundColor='#eeeeee'"
onclick="this.style.borderStyle='inset';alert('¡Ho la!')"
value="Prueba de botón">

style="background-color:#eeeeee;border-style:outset"
onmouseover="this.style.backgroundColor='blue'"
onmouseout="this.style.backgroundColor='#eeeeee'"
onclick="this.style.borderStyle='inset';alert('¡Ho la!')"
value="Prueba de botón">

style="background-color:#eeeeee;border-style:outset"
onmouseover="this.style.backgroundColor='red'"
onmouseout="this.style.backgroundColor='#eeeeee'"
onclick="this.style.borderStyle='inset';alert('¡Ho la!')"
value="Prueba de botón">

style="background-color:#eeeeee;border-style:outset"
onmouseover="this.style.backgroundColor='yellow'"
onmouseout="this.style.backgroundColor='#eeeeee'"
onclick="this.style.borderStyle='inset';alert('¡Ho la!')"
value="Prueba de botón">