CSSでテキストを太字にする方法とコードの例

方法1: font-weightプロパティを使用する方法

<style>
    .bold-text {
        font-weight: bold;
    }
</style>
<p class="bold-text">これは太字のテキストです。</p>

方法2: strong要素を使用する方法

<p><strong>これは太字のテキストです。</strong></p>

方法3: b要素を使用する方法

<p><b>これは太字のテキストです。</b></p>

方法4: span要素とCSSクラスを組み合わせる方法

<style>
    .bold-text {
        font-weight: bold;
    }
</style>
<p><span class="bold-text">これは太字のテキストです。</span></p>

これらはいくつかの一般的な方法ですが、CSSを使用してテキストを太字にする方法は他にもあります。適用したい要素やコンテキストに応じて、最適な方法を選択してください。