メニューなどに多く利用されるマウスオンでボックス内の背景色を変える動作。
メニュー風にボックスを2個作成してみた。 ソースは以下(ボックス1個だけ)
<div style="background-color: rgb(135, 251, 170); width: 150px; height: 22px; text-align: center; font-weight: bold; border-width: 1px 1px 1px 5px; border-style: solid; border-color: rgb(205, 205, 205) rgb(170, 170, 170) rgb(170, 170, 170) rgb(39, 156, 21);" onmouseout="this.style.backgroundColor='#87FBAA'" onmouseover="this.style.backgroundColor='#FBD887'">
メニューA
</div>