ホームページ  >  記事  >  ウェブフロントエンド  >  CSSで太字を設定する方法

CSSで太字を設定する方法

醉折花枝作酒筹
醉折花枝作酒筹オリジナル
2021-04-20 15:39:3215094ブラウズ

CSS では、「font-weight」属性を使用して太字を設定できます。要素に「font-weight:bold|700」スタイルを設定するだけです。 font-weight 属性はテキストの太さを設定します。数値 700 は太字に相当します。値が太字の場合は、太字を定義することを意味します。

CSSで太字を設定する方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

新しい HTML ページを作成し、HTML 構造を追加してから、本文領域にフォントを追加して div に配置します。

<body>
<div>枯藤老树昏鸦</div>
</body>

次に、CSS で font-weight を使用して太字を設定することができます。太字を設定するだけです。

<style>
div {
    font-weight: bold;
    }
</style>

ページを実行すると、フォントが太字になっていることがわかります

CSSで太字を設定する方法

さらに、font-weight を 100 からの値に設定することもできます。数値が大きいほど太字になります。

<style>
div {
    font-weight: 100;
    }
</style>

font-weight を 100 に設定すると、フォントは最も細くなります。

CSSで太字を設定する方法

最後に、font-weight を 900 に設定すると、最も厚い

CSSで太字を設定する方法

推奨学習: css ビデオ チュートリアル

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。