ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLでフォントを太字にする方法

HTMLでフォントを太字にする方法

青灯夜游
リリース: 2023-01-06 11:15:42
オリジナル
95811 人が閲覧しました

htmlフォントを太字にする方法: 1. "" タグ、構文 太字にする必要があるテキスト" を使用します。 2. タグの style 属性を使用します。 , 「font-weight:bold|bolder」スタイルを追加し、値「bold」で太字を定義し、「bolder」で太字を定義します。チュートリアル 動作環境: Windows7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター

方法 1: タグを使用しますHTMLでフォントを太字にする方法

<!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でフォントを太字にする方法 タグの使用は非常に簡単です。必要な情報を

< タグに直接記述するだけです。 b>

タグ テキストを太字にするだけです!方法 2: タグの style 属性を使用して、「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>
ログイン後にコピー
レンダリング :

説明 :

font-weight 属性はテキストの太さを設定できます。これは通常、太字を設定するために使用されます。表示要素のテキストで使用されるフォント

HTMLでフォントを太字にする方法太字効果に関連する属性値:

Value

Description200 推奨チュートリアル: 「」
bold 太字を定義します。
bolder 太字を定義します。
100
300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
  • 文字を細いものから太いものまで定義します。400 は標準に相当し、700 は太字に相当します。 .
html ビデオ チュートリアル

以上がHTMLでフォントを太字にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート