테이블에 마우스를 올리면 셀의 색상이 바뀝니다

테이블에 마우스를 올리면 셀의 색상이 바뀝니다.

onmouseover="this.style.backgroundColor='색상값&RGB색상코드'"

//마우스가 올라갔을때 색상
onmouseout="this.style.backgroundColor='색상값&RGB색상코드'"

//마우스를 뗐을때 셀의 색상

소스보시면 이해가 빠르시겠네요.

테이블에 색깔을 넣어 이쁘게 한번 장식해보세요.

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

[예제]

<table width=300 height=200 bgcolor=brown cellspacing=1>

<tr bgcolor=#ffffff>
<td onmouseover="this.style.backgroundColor='#FFFF95'" onmouseout="this.style.backgroundColor='#FEFAD8'" align=center>

노랑색</td>
<td onmouseover="this.style.backgroundColor='#FFB9DC'" onmouseout="this.style.backgroundColor='#FFEEFF'" align=center>분홍색</td>
</tr>

<tr bgcolor=#ffffff>
<td onmouseover="this.style.backgroundColor='#BBFDA8'" onmouseout="this.style.backgroundColor='#E6FFE6'" align=center>

초록색</td>
<td onmouseover="this.style.backgroundColor='#ACD6FF'" onmouseout="this.style.backgroundColor='#D7EBFF'" align=center>

하늘색</td>
</tr>

</table>