CSS에서 글꼴 굵은 스타일을 설정하는 방법-CSS 튜토리얼-php.cn

CSS에서 글꼴 굵은 스타일을 설정하는 방법

青灯夜游

풀어 주다： 2021-04-16 11:24:51

원래의

74008명이 탐색했습니다.

CSS에서 글꼴 굵은 스타일을 설정하는 방법: 먼저 HTML 샘플 파일을 만든 다음 본문에 일부 텍스트 내용을 정의하고 마지막으로 "font-weight:bold;"를 통해 글꼴 두께를 설정합니다. ;" 속성 굵은 스타일이면 충분합니다.

CSS에서 글꼴 굵은 스타일을 설정하는 방법

이 문서의 운영 환경: 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>

로그인 후 복사

렌더링을 살펴보겠습니다.

CSS에서 글꼴 굵은 스타일을 설정하는 방법

예를 통해 알 수 있습니다. 여기서 글꼴 볼드 효과는 주로 글꼴 가중치: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:

CSS에서 글꼴 굵은 스타일을 설정하는 방법

설명 :

font-weight 속성은 표시 요소의 텍스트에 사용되는 굵은 글꼴을 설정하는 데 사용됩니다. 숫자 값 400은 키워드 일반(표준 글꼴)에 해당하고 700은 굵게(굵은 글꼴)에 해당합니다. 각 숫자 값의 굵은 글꼴은 최소한 다음으로 작은 숫자만큼 가늘고 최소한 다음으로 큰 숫자만큼 두꺼워야 합니다.

요약: 위 내용은 모두 이 글에서 소개한 글꼴 굵은 스타일 설정 방법입니다. 필요에 따라 CSS 글꼴 가중치 속성에 다른 값을 설정하여 직접 시도해 볼 수 있습니다. 다양한 상황에서 글꼴을 굵게 만듭니다. 모든 사람의 학습에 도움이 되기를 바랍니다. 더 많은 관련 튜토리얼을 보려면 CSS 기본 동영상 튜토리얼 , HTML 동영상 튜토리얼 , bootstrap 동영상 튜토리얼 을 방문하세요.

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