efeitos com tabela

A borda aumenta ao pssar o mause(mouse)

<table bgcolor="#ff0000" border="4" bordercolor="#000000" cellpadding="0" cellspacing="0" onmouseout="this.border='4px'" onmouseover="this.border='8px'" style="height: 200px; width: 150px;"><tbody> <tr><td>   A borda aumenta ao pssar o mause(mouse)<br /> </td></tr> </tbody></table>

---

A borda aprece ao passar o mause(mouse)

<table bgcolor="#000010" border="0" cellpadding="0" cellspacing="0" onmouseout="this.border='0'" onmouseover="border='2'" style="height: 200px; width: 150px;"><tbody> <tr><td><span style="background-color: black; color: white;">   A borda aprece ao passar o mause(mouse)<br /> </span></td></tr> </tbody></table><br />

---

A borda aparece ao click do do mause(mouse)

Click para ver o efeito!!

A borda aparece ao click do do mause(mouse)<br /> <table bgcolor="#222222" border="0" bordercolor="#c0c0c0" cellpadding="0" cellspacing="0" onclick="border='7'" onmouseout="border='0'" style="height: 200px; width: 160px;"><tbody> <tr><td>  Click para ver o efeito!!</td></tr> </tbody></table>

---

passe o mause(mouse) e click para ver o efeito
<table background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdl0Wdq0XmUu8TstKg4zJGjl11qXh6yCQfVe_UCGn_DR-XPHZCFspcHgeuOhJ1uA-pzWBN8wiLe_GzdamVSEt_SDMmz-2UnbibjjWM5BKNxhKU_6e_39ZruJsgBJ6m0GYgNFzDk5VZBQI/s104/buton+1.bmp" border="1" bordercolor="#ff0000" cellpadding="0" cellspacing="0" onmouseout="background='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdl0Wdq0XmUu8TstKg4zJGjl11qXh6yCQfVe_UCGn_DR-XPHZCFspcHgeuOhJ1uA-pzWBN8wiLe_GzdamVSEt_SDMmz-2UnbibjjWM5BKNxhKU_6e_39ZruJsgBJ6m0GYgNFzDk5VZBQI/s104/buton+1.bmp'" onmouseover="this.background='https://lh3.googleusercontent.com/--0mYXJrfJjM/TTr0sP1c5zI/AAAAAAAAAVU/rb4tE3mbcjw/s104/ikposs.bmp'" style="height: 200px; width: 104px;"><tbody> <tr><td></td></tr> </tbody></table>

---

passe o mause(mouse) e click para ver o efeito

veja como é legal

table bgcolor="#e0e0e0" border="0" bordercolor="#c0c0c0" cellpadding="0" cellspacing="0" onclick="background='e0e0e0'" onmouseover="background='http://3.bp.blogspot.com/_H0Vp-e5YToc/TTr0sP1c5zI/AAAAAAAAAVU/qa23ALZvPN0/s1600/ikposs.bmp'" style="height: 86px; width: 265px;"><tbody><br /> <tr><td>       <span style="color: white;"> <strong><u><span style="background-color: red; font-size: large;">veja como é legal </span></u></strong></span></td></tr><br /> <br /> <br /> </tbody></table>

---