마우스오버 색상변경 html태그

블로그를 운영하다보면

이런 태그가 궁금할 때도 있습니다.

사용자 마우스 오버시 색상을 어떻게 변경할 수 있을까?

아래 태그 예입니다.

한번 따라해보세요. 어렵지 않아요.

테이블의 행(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>

 

2. 행(tr)에 적용한 예

<table>

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

      <td td>

  </tr>

</table>

마우스오버 색상변경 html태그 포스팅을 마치도록 하겠습니다.