CSS에서는 글꼴 두께를 변경하려면 글꼴 가중치 속성을 사용할 수 있습니다. 글꼴 요소에 "font-weight: value;"만 설정하면 됩니다. 이 속성은 표시 요소의 텍스트에 사용되는 굵은 글꼴을 설정하는 데 사용됩니다. 숫자 값 400은 키워드 Normal에 해당하고 700은 Bold에 해당합니다.
이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
HTML에서는 태그나 태그를 추가하여 텍스트의 두께를 설정합니다.
CSS는 텍스트의 굵기를 세심하게 나눌 수 있고, 굵은 텍스트를 일반 두께 표시로 변경할 수도 있습니다.
<html> <head> <title>文字粗细</title> <style> h1 span { font-weight: lighter; } span { font-size: 30px; } span.one { font-weight: 100; } span.two { font-weight: 200; } span.three { font-weight: 300; } span.four { font-weight: 400; } span.five { font-weight: 500; } span.sex { font-weight: 600; } span.seven { font-weight: 700; } span.eight { font-weight: 800; } span.nine { font-weight: 900; } span.ten { font-weight: bold; } span.eleven { font-weight: normal; } </style> </head> <body> <h1>文字<span>粗</span>体</h1> <span class="one">文字粗细:100</span> <span class="two">文字粗细:200</span> <span class="three">文字粗细:300</span> <span class="four">文字粗细:400</span> <span class="five">文字粗细:500</span> <span class="six">文字粗细:600</span> <span class="seven">文字粗细:700</span> <span class="eight">文字粗细:800</span> <span class="nine">文字粗细:900</span> <span class="ten">文字粗细:bold</span> <span class="eleven">文字粗细:normal</span> </body> </html>
텍스트의 두께는 CSS에서 속성(font-weight)을 통해 설정됩니다. 위 코드는 거의 모든 텍스트 두께 값을 포함하며, 글꼴 자체는 굵게 표시될 수도 있고 일반 굵게 표시될 수도 있습니다.
추천 학습: css 비디오 튜토리얼
위 내용은 CSS에서 글꼴 두께를 변경하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!