[html] 테이블 TD 또는 TR 마우스 오버시 색상 변경하기

테이블의 행(tr) 또는 셀(td) 마우스 오버시 색상 변경하기

 

- 구문 -

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

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

 

예제)

1. 셀(td)에 적용한 예

<table>

  <tr>

      <td onmouseover="this.style.background='white'" onmouseout="this.style.background='blue'"></td>

  </tr>

</table>

 

1. 행(tr)에 적용한 예

<table>

  <tr onmouseover="this.style.background='white'" onmouseout="this.style.background='blue'"></>

      <td td>

  </tr>

</table>

[출처] 테이블 TD 또는 TR 마우스 오버시 색상 변경하기 (웹 디벨로퍼 클럽) |작성자 용의아의