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 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
