테이블 마우스 오버 색상변경

HTML 구문

마우스 오버시 색상 변경 : onmouseover="this.style.background='변경할 색상'"

마우스 아웃시 색상 변경 : onmouseout="this.style.background='변경할 색상'"

 

마우스 오버로 테이블 배경색 변경

<table border="1" onmouseover="style.background='#ffcccc'" onmouseout="style.background='#ffffff'">
<tr>
<td>배경색 변경</td>
</tr>
</table>

 

셀(td)에 적용

<table>
<tr>
<td onmouseover="style.background='#ffcccc'" onmouseout="style.background='#ffffff'"></td>
</tr>
</table>

 

행(tr)에 적용

<table>
<tr onmouseover="style.background='#ffcccc'" onmouseout="style.background='#ffffff'">
<td></td>
</tr>
</table>