집 > 기사 > 웹 프론트엔드 > HTML에서 글꼴을 굵게 만드는 방법

HTML에서 글꼴을 굵게 만드는 방법

青灯夜游원래의: 2021-05-27 17:42:4895595검색

HTML에서 글꼴을 굵게 표시하는 방법: 1. "" 태그를 사용합니다. 구문은 굵게 표시해야 하는 텍스트"입니다. 2. 태그에서 스타일 속성을 사용합니다. "font-weight:bold|bolder" 스타일을 추가하세요. "bolder" 값은 굵은 문자를 정의하고 "bolder"는 굵은 문자를 정의합니다.

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

방법 1: 태그 사용

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title> <b>加粗字体</title>
	</head>
	<body>
		<div>
			<p>这是一段测试文字，<b>这里使用b标签来加粗字体</b>
			</p>
		</div>
	</body>
</html>

작동 효과:

HTML에서 글꼴을 굵게 만드는 방법

그림을 보면 텍스트의 후반부가 굵게 표시되어 있으며 이를 결합할 수 있습니다. 비교를 위해 텍스트의 전반부(텍스트는 굵게 표시됨)와 함께 여기서는 주로 HTML에서 标签，html的标签的使用很简单，直接在 태그를 사용하여 굵게 표시해야 하는 텍스트를 작성합니다! add "font-weight:bold |bolder" 스타일

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>css 文字加粗</title>
		<style>
			p.normal {
				font-weight: normal;
			}
			p.bold {
				font-weight: bold;
			}
			
			p.bolder {
				font-weight: bolder;
			}
			
			p.thicker {
				font-weight: 900;
			}
		</style>
	</head>

	<body>
		<p class="normal">测试文本！</p>
		<p class="bold">测试文本！</p>
		<p class="bolder">测试文本！</p>
		<p class="thicker">测试文本！</p>
	</body>

</html>

Rendering:

설명: HTML에서 글꼴을 굵게 만드는 방법

font-weight 속성은 일반적으로 텍스트의 두께를 설정하는 데 사용됩니다.

굵은 효과 관련 속성 값:

값 설명 bold굵은 문자를 정의합니다. 200 300 400500600700




800 900 문자를 정의하면 400은 일반 문자에 해당하고 700은 굵은 문자에 해당합니다. 추천 튜토리얼 : " html 동영상 튜토리얼 》

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

html5 css3 html

성명：

이전 기사：HTML에서 입력을 숨기는 방법다음 기사：HTML에서 입력을 숨기는 방법