CSS3에서 마우스를 움직일 때 글꼴이 변경되도록 설정하는 방법

CSS3에서는 ":hover" 선택기와 "font-style" 속성을 사용하여 마우스를 롤오버할 때 글꼴 변경을 설정할 수 있습니다. ":hover"는 마우스를 롤오버할 때 요소의 스타일을 설정할 수 있습니다. "font-style" 속성은 글꼴 스타일, 구문 "p:hover{font-style:font style}"을 설정할 수 있습니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

마우스를 그 위로 이동할 때 변경되도록 CSS3에서 글꼴을 설정하는 방법

:hover 선택기와 글꼴 스타일 속성을 사용하세요.

: 링크 위로 마우스를 이동할 때 마우스를 올리면 추가되는 특별한 스타일입니다.

팁: :hover 선택기는 링크뿐만 아니라 모든 요소에 사용할 수 있습니다.

font-style 속성은 텍스트의 글꼴 스타일을 지정합니다.

이 속성에 가능한 값은 다음과 같습니다:

• 일반 기본값. 브라우저는 표준 글꼴 스타일을 표시합니다.

• italic 브라우저에 기울임꼴 글꼴 스타일이 표시됩니다.

• oblique 브라우저는 기울어진 글꼴 스타일을 표시합니다.

• inherit는 글꼴 스타일이 상위 요소에서 상속되어야 함을 지정합니다.

예제는 다음과 같습니다.

      
  
划过改变字体
 
注意: 当鼠标移动到连接上 :hover 选择器样式链接到该超链接。
  

출력 결과:

(학습 영상 공유:css 영상 튜토리얼)

위 내용은 CSS3에서 마우스를 움직일 때 글꼴이 변경되도록 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!