CSS 호버 효과를 어떻게 만들 수 있습니까?

CSS 호버 효과는 생성하기가 상당히 간단하며 기본 호버 효과는 다른 여러 옵션으로 빠르고 쉽게 구현하고 수정할 수 있습니다.계단식 스타일 시트 (CSS)는 마크 업 언어로 작성된 문서의 스타일과 레이아웃을 만드는 데 사용되는 언어이며 호버 효과를 쉽게 만들 수 있습니다.호버 효과는 마우스로 제어되는 포인터가 객체 위로 떠 다니면 문서의 텍스트, 이미지 또는 기타 객체에서 발생하는 변경입니다.CSS 호버 효과는 일반적으로 CSS 코드 내에서 생성되며 빠르고 효과적으로 구현 될 수 있습니다.예를 들어, 누군가는 표준 텍스트처럼 보이거나 나머지 페이지와 다른 색상 인 텍스트 링크를 만들고 싶을 수도 있지만 "Moused Over"또는 "Hovered Over"는 밑줄이 밑줄이 있거나 대담합니다.이 작업이 정확히 수행되는 방법은 일반적으로 페이지에 사용 된 정확한 코딩에 따라 다르지만 간단한 경우 CSS 호버 효과는 "스타일"섹션 내의 CSS 규칙 내에 추가 될 수 있습니다.CSS 호버 효과는 효과가 추가되는 객체에 적합한 태그를 사용하여 효과를냅니다.예를 들어, 선택된 텍스트는 목록의 일부이거나 웹 페이지의 본문 내에서 선택 될 수 있습니다.이 텍스트에는 신체 코딩에 관련된 특정 태그가 있어야합니다.이 태그가 언급 된 경우, 주어진 태그가있는 객체에 대한 CSS 호버 효과를 설정하기 위해 규칙을 작성할 수 있습니다.바디 코드 내에서 해당 링크를 태그하고 해당 태그에 대한 특별 규칙을 만들어 시작할 수 있습니다.이 규칙 내에서 텍스트가 어떤 색상을 나타 내고, 주변 텍스트에서 쉽게 눈에 띄게 만들 수 있으며, 사용자가이를 위로 가져 가기를 원한다는 것을 시각적으로 나타내는 다음 CSS 호버 효과를 유발할 수 있습니다.이 효과는 텍스트 라인의 태그에 "호버 의사 클래스"를 작성하여 추가됩니다.

텍스트의 태그가 "A"라면 "A"라는 의사 클래스를 사용합니다.A : 호버 {…}”이 원하는 CSS 호버 효과가 괄호 안에 표시됩니다.이전 예제를 사용하여 원하는 효과가 텍스트가 맴돌 때 밑줄을 밑줄을 긋는 경우 "텍스트-결정 : 밑줄"을 읽습니다.괄호 안에.다른 객체에 대해 생성 할 수있는 여러 가지 호버 효과가 있으며, 각각은 효과를 생성하는 특정 명령을 가지고 있지만 대부분의 경우 프로세스가 비슷합니다.