CSS에서 글꼴 기울기를 방지하는 방법

CSS에서 글꼴 기울기를 방지하는 방법: 먼저 HTML 샘플 파일을 만든 다음 div 세트를 정의하고 마지막으로 "div_normal i{font-style:normal}" 속성을 설정하여 텍스트가 기울어지는 것을 방지합니다.

이 튜토리얼의 운영 환경: windows7 시스템, css3 버전, thinkpad t480 컴퓨터.

권장: "css 비디오 튜토리얼"

font-style 속성은 주요 브라우저와 호환되며 텍스트 표시 스타일을 설정하는 데 사용됩니다. 텍스트가 기울어지는 것을 방지하려면 글꼴 스타일:일반을 사용하세요.

값:

normal: 일반 글꼴

italic: italic. 기울임꼴 변수가 없는 특수 글꼴의 경우 oblique

oblique가 사용됩니다: italicfont

아래에서는 div 상자의 텍스트 글꼴을 기울임꼴 기울임꼴, 기울임꼴 기울임꼴로 설정하고 글꼴 스타일:일반을 사용하여 html

1. CSS 코드:

<style> 
    .div_italic{ font-style:italic} 
    .div_oblique{ font-style:oblique} 
    .div_normal i{ font-style:normal} 
    /* 去掉div_normal对象I斜体标签默认斜体样式 */ 
</style>

2.html 코드 조각:

<div class="div_italic">我被加斜体</div> 
<div class="div_oblique">我被加倾斜</div> 
<div><i>我加I标签斜体</i></div> 
<div class="div_normal"><i>I斜体被CSS去掉</i></div>

3. 효과

위 내용은 CSS에서 글꼴 기울기를 방지하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!