Computer >> 컴퓨터 >  >> 프로그램 작성 >> CSS

인라인 CSS로 호버 효과를 어떻게 코딩합니까?

때로는 인라인 CSS를 작성해야 합니다. HTML 이메일 템플릿에서 — 이메일/뉴스레터 제공업체에 따라 다릅니다.

그러나 인라인 CSS로 어떻게 호버 효과를 얻을 수 있습니까?

할 수 없습니다. 그러나 JavaScript의 onMouseOver를 사용하여 동일한 호버 효과를 얻을 수 있습니다. 및 onMouseOut 방법.

마우스 오버(또는 마우스 오버) 시 하이퍼링크의 색상을 파란색에서 빨간색으로 변경하고 싶다고 가정해 보겠습니다.

<a href="#your-url-path"
onMouseOver="this.style.color='red'"
onMouseOut="this.style.color='green'" >Click here to Subscribe</a>

결과:

구독하려면 여기를 클릭하세요.

일반적으로 인라인 CSS는 이상적이지 않지만 때로는 작업을 완료하기 위해 이상적이지 않은 코드를 사용해야 하는 경우가 있습니다.