마우스 오버 시 Div의 배경색을 변경하고 클릭 가능하게 만드는 방법은 무엇입니까?

마우스를 올리면 div의 배경색을 변경하는 방법

질문:

마우스를 올리면 div의 배경색을 변경할 수 있습니다. 전체 div 대신 div 내의 링크만 색상을 변경합니다. 색상 변경을 전체 div로 어떻게 확장합니까? 또한 클릭 시 전체 div가 링크로 작동하도록 하려면 어떻게 해야 합니까?

답변:

"a:hover" 선택기는 div 내의 요소입니다. 전체 div의 색상을 변경하려면 대신 "div:hover"를 사용해야 합니다.

div 내의 아무 곳이나 클릭하면 지정된 주소로 이동하도록 div의 동작을 변경하려면 다음 단계가 필요합니다. :

1. div에 HTML ID를 할당합니다:
2. CSS에서, 배경색을 설정하려면 다음 구문을 사용하십시오. #myDiv:hover { background: grey;}
3. div를 클릭 가능하게 만들려면 커서: 포인터를 추가하세요. CSS로: #myDiv { 커서: 포인터;}

그룹화된 div의 대안:

여러 div의 배경색을 수정하려면, CSS 클래스(

)를 할당합니다. 그런 다음 다음 CSS를 사용합니다. .myClass:hover { background: grey;}

추가 팁:

• 특정 클래스에만 호버 효과를 적용하려면 div의 경우 HTML ID 선택기를 사용하세요.
• div 그룹을 수정하려면 CSS 클래스를 사용하세요. 선택기.

위 내용은 마우스 오버 시 Div의 배경색을 변경하고 클릭 가능하게 만드는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

css html if for class pointer background issue

성명：

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.