ホームページ >ウェブフロントエンド >htmlチュートリアル >HTML と CSS でフォントを太字にする 3 つの方法
HTML と CSS でフォントを太字にする 3 つの方法
- yuliaオリジナル
- 2018-10-31 15:05:4917540ブラウズ
Web サイトを閲覧しているときに、ページ上の一部のテキストやフォントが太字になっていることに気づきましたか? HTML と CSS を学習している皆さん、HTML でテキストを太字にする方法を知っていますか? CSSでフォントの太さを設定するにはどうすればよいですか?この記事では、HTML の太字タグと CSS フォントの太字スタイルを含む、フォントとテキストを太字にする 3 つの方法をまとめています。これは一定の参考価値があり、興味のある友人は参照できます。
フォントとテキストを太字にする方法は 3 つあります。1 つは CSS の font-weight: 太字スタイル、もう 1 つは HTML の タグです。 HTML の タグ。
方法 1:CSS で font-weight:bold スタイルを使用してフォントを太字にします
font-weight 属性は、次の場合にフォントの太さを設定できます。属性値は Normal で、数値 400 に相当する通常のフォントを示します。属性値が太字の場合、フォントは数値 700 に相当する太字にすることができ、これは次の効果と同等です。 タグ。
インスタンスの説明: 2 つの p タグを作成し、CSS スタイルを容易にするためにタグの 1 つにクラス名を付けます。クラス名を持つ p タグに font-weight:bold 属性を追加し、2 つの p タグを比較して違いを確認します。具体的なコードは次のとおりです。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.aa{font-weight: bold;}
</style>
</head>
<body>
<p>床前明月光</p>
<p class="aa">低头思故乡</p>
</body>
</html>次の図に示すように、"頭を下げて故郷を想う」 この文は太字です。
##方法 2: HTML で 太字タグを使用する
フォントを太字にします。 、すべての主要なブラウザがこの方法をサポートしています。 例の説明: HTML で タグを直接使用して、テキストの太字効果を実現します。<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p>床前明月光</p> <strong>疑是地上霜</strong> </body> </html>図に示すように、p タグを比較します。そして、強力なタグのコンテンツですが、強力なタグのコンテンツが太字で表示されていることがわかりました。
方法 3: HTML で 太字タグを使用する
太字フォントを定義できます。テキスト、およびすべての主要なブラウザが タグをサポートしています。 例の説明: タグは、テキストを太字にすることができ、具体的なコードは次のとおりです。<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p>床前明月光</p> <b>举头望明月</b> </body> </html>下の図に示すように、b タグ内のテキストは太字で表示されます。
要約: 上記の内容は次のとおりです。テキストを太字にする方法としては、CSS の font-weight と HTML の タグと の 3 つの方法があります。個人の習慣や仕事のニーズに応じて選択してください。この記事が役に立てば幸いです。
[関連チュートリアルの推奨事項]1、HTML および CSS のテキストに取り消し線を追加する 3 つの方法 (画像とテキスト)
2。 3.以上がHTML と CSS でフォントを太字にする 3 つの方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。