이번 글에서는 CSS를 사용하여 텍스트를 기울임꼴로 만드는 방법을 살펴보겠습니다. 웹페이지의 텍스트를 기울임꼴로 표시하려면 CSS를 사용하세요. 글꼴 스타일 속성이 사용됩니다. 기울임꼴 텍스트로 설정하는 다양한 옵션이 있습니다.
- 정상: 일반적인 글꼴 스타일입니다. 굵게 하기 위한 기본 숫자 값인 400과 동일합니다.
- 용감한 : 그것 굵은 글꼴 스타일입니다. 700과 동일합니다.
- 이탤릭체: 그것은 필기체 글꼴 스타일.
접근하다: 그만큼 글꼴 스타일 CSS의 속성에는 세 가지 값이 있습니다. 보통, 이탤릭체, 그리고 용감한. CSS 값 이탤릭체 텍스트를 이탤릭체로 표시하는 데 사용됩니다.
통사론:
font-style: italic;>
예: 이 예에서는 위에서 설명한 접근 방식을 사용합니다.
HTML
> <>html> lang>=>'en'>>> <>head>>> ><>meta> charset>=>'UTF-8'> />> ><>meta> http-equiv>=>'X-UA-Compatible'> >content>=>'IE=edge'> />> ><>meta> name>=>'viewport'> >content='>width>=>device>-width,> >initial-scale>=>1>.0' />> >> ><>style>>> >.gfg {> >font-style: italic;> >font-size: 24px;> >margin: 10px;> >padding: 2px;> >color: black;> >}> >style>머리> |
>
>
메모: 외부 CSS 파일을 사용할 때 항상 웹페이지에 기본 CSS를 사용하세요. 이 기본 CSS는 * { } 선택기에 기록됩니다. 이렇게 하면 웹페이지에서 기본 CSS가 제거됩니다.
산출: 이제 출력에서 볼 수 있듯이 이탤릭체 독자가 웹페이지의 콘텐츠를 읽도록 유도하는 CSS를 사용하여 웹페이지에 텍스트를 삽입합니다.
