[CSS] HTML 태그 안에서 :hover 구현하기

CSS hover 기능을 HTML 인라인 코드로 구현해 보았습니다.

 

HTML 코드:

<div style="color: black" 
		onmouseover="this.style.color='red'" 
		onmouseout="this.style.color='blue';">
	CSS :hover Inline Style
</div>

마우스오버 진입했을때 변경된 스타일이 자동으로 복구되지 않기 때문에 마우스아웃 이벤트에 스타일을 원래대로 복구하는 코드를 추가해야합니다.