CSS에서 글꼴 굵은 스타일을 설정하는 방법
- 青灯夜游원래의
- 2018-10-23 16:17:2374079검색
CSS에서 글꼴 굵은 스타일을 설정하는 방법: 먼저 HTML 샘플 파일을 만든 다음 본문에 일부 텍스트 내용을 정의하고 마지막으로 "font-weight:bold;"를 통해 글꼴 두께를 설정합니다. ;" 속성 굵은 스타일이면 충분합니다.
이 문서의 운영 환경: Windows 7 시스템, Dell G3 컴퓨터, HTML5&&CSS3.
먼저 간단한 코드 예제를 통해 css를 구현하여 글꼴을 굵게하는 방법을 자세히 설명하겠습니다!
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css 字体加粗</title>
<style>
.a1{
font-weight:bold;
}
.a2{
font-weight:bolder;
}
</style>
</head>
<body>
<div>
<p>这是一段测试文字<br />
<span class="a1">这里使用bold属性值加粗字体</span><br />
<span class="a2">这里使用bolder属性值加粗字体</span>
</p>
</div>
</body>
</html>렌더링을 살펴보겠습니다.
예를 통해 알 수 있습니다. 여기서 글꼴 볼드 효과는 주로 글꼴 가중치:bold 및 글꼴 가중치:bolder; CSS . Font-weight 속성은 텍스트 글꼴의 두께를 설정할 수 있고,bold 속성 값을 설정하면 굵은 문자를 정의할 수 있으며,bolder 속성 값을 설정하면 문자를 두껍게 정의하여 굵은 글꼴 효과를 얻을 수 있다는 것을 알아야 합니다.
CSS의 글꼴 가중치 속성에서 굵은 속성 값과 굵은 속성 값을 사용하면 글꼴을 굵게 표시할 수 있을 뿐만 아니라 숫자 값을 설정하여 글꼴을 굵게 표시하는 효과를 살펴보겠습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css 字体加粗</title>
<style>
.a1{
font-weight:bold;
}
.a2{
font-weight:800;
}
</style>
</head>
<body>
<div>
<p>这是一段测试文字<br /><br />
<span class="a1">这里使用bold属性值加粗字体</span><br /><br />
<span class="a2">这里使用数值加粗字体</span>
</p>
</div>
</body>
</html>Rendering:
설명 :
font-weight 속성은 표시 요소의 텍스트에 사용되는 굵은 글꼴을 설정하는 데 사용됩니다. 숫자 값 400은 키워드 일반(표준 글꼴)에 해당하고 700은 굵게(굵은 글꼴)에 해당합니다. 각 숫자 값의 굵은 글꼴은 최소한 다음으로 작은 숫자만큼 가늘고 최소한 다음으로 큰 숫자만큼 두꺼워야 합니다.
요약: 위 내용은 모두 이 글에서 소개한 글꼴 굵은 스타일 설정 방법입니다. 필요에 따라 CSS 글꼴 가중치 속성에 다른 값을 설정하여 직접 시도해 볼 수 있습니다. 다양한 상황에서 글꼴을 굵게 만듭니다. 모든 사람의 학습에 도움이 되기를 바랍니다. 더 많은 관련 튜토리얼을 보려면 CSS 기본 동영상 튜토리얼 , HTML 동영상 튜토리얼 , bootstrap 동영상 튜토리얼 을 방문하세요.
위 내용은 CSS에서 글꼴 굵은 스타일을 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!