워드프레스 텍스트 위로 마우스를 이동할 때 색상이 변경되도록 하는 방법

사용자 정의 CSS를 추가하여 WordPress에서 마우스를 올리면 텍스트 색상을 변경할 수 있습니다. 대시보드에 로그인하고 모양 > 사용자 정의 > 다음 CSS 코드를 추가합니다: a:hover {color: #ff0000;}. #ff0000을 원하는 16진수 색상 코드로 변경합니다(예: 파란색의 경우 #0000ff). 변경 사항을 저장하고 캐시를 지우면(활성화된 경우) 변경 사항이 적용됩니다.

How to Color Change Text in WordPress

WordPress를 사용하면 CSS를 통해 마우스 오버 시 텍스트 색상을 쉽게 변경할 수 있습니다. 단계별 단계는 다음과 같습니다.

1단계: 사용자 정의 CSS 추가

• WordPress 대시보드에 로그인합니다.
• 외모 >사용자 정의로 이동하세요.
• 사이드바에서 “CSS 첨부”를 클릭하세요.

2단계: CSS 코드 작성

• 제공된 텍스트 상자에 다음 CSS 코드를 추가합니다.

<code class="css">a:hover {
  color: #ff0000; /* 将悬停文本颜色更改为红色 */
}</code>

3단계: 마우스 오버 색상 변경(선택 사항)

• 필요에 따라 호버 색상을 변경할 수 있습니다. #ff0000(빨간색)을 원하는 16진수 색상 코드로 바꾸세요. 예를 들어 파란색 텍스트의 경우 #0000ff를 사용합니다.

작동 원리:

위 CSS는 :hover 伪类，它在鼠标悬停在元素（在本例中为文本链接）上时应用样式。color 속성을 사용하여 마우스를 올리면 텍스트 색상을 변경합니다.

참고:

• 활성 테마의 사용자 정의 CSS 섹션에 CSS를 추가하세요.
• 이 코드는 모든 텍스트 링크에 ​​영향을 미칩니다. 특정 텍스트에만 색상 변경을 적용하려면 적절한 CSS 선택기를 사용하세요.
• 변경 사항을 적용하려면 캐시를 지우세요(활성화된 경우).

위 내용은 워드프레스 텍스트 위로 마우스를 이동할 때 색상이 변경되도록 하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!