테이블에 룰오버 적용하기

각 셀마다 셀의 색이 바뀝니다.

여기는 줄 단위로 바뀝니다.

여기는 표 전체가 바뀝니다.

♣ 소스

첫번째 표의 경우를 예로 들자면 아래와 같은 식으로 각각의 <td> 안에 넣어 주면 됩니다.

td onmouseover="this.style.backgroundColor='navy'" onmouseout="this.style.
backgroundColor=''">내용</td>

두번째의 경우는 아래와 같은 식으로 각각의 <tr> 안에 넣으면 되구요

<tr onmouseover="this.style.backgroundColor='navy'" onmouseout="this.style.
backgroundColor=''">내용</tr>

세번째를 예로 들자면 아래와 같은 식으로 각각의 <table> 안에 넣으세요

<table onmouseover="this.style.backgroundColor='navy'" onmouseout="this.
style.backgroundColor=''">내용</table>

onmouseover(navy)는 마우스가 올라갔을 때 변할 색이구요.

onmouseout('')는 마우스가 내려왔을 때 변할 색입니다.