ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSでフォントの太字効果を設定する方法

CSSでフォントの太字効果を設定する方法

王林
リリース: 2023-01-06 11:13:56
オリジナル
28362 人が閲覧しました

CSS でフォ​​ントの太字効果を設定する方法は、フォントに font-weight 属性を追加し、属性値を [font-weight:bolder] や [font-weighter] などの太字または太字に設定することです。重量:太字]。

CSSでフォントの太字効果を設定する方法

#この記事の動作環境: Windows10 システム、css 3、thinkpad t480 コンピューター。

太字のフォント効果を実現するには、テキストの太さを設定できる font-weight 属性を使用します。

属性値:

  • normal デフォルト値。標準文字を定義します。

  • #bold 太字を定義します。

  • #bolder 太字の文字を定義します。

  • #lighter より細かい文字を定義します。

例:

<html>
<head>
<style type="text/css">
p.normal {font-weight: normal}
p.thick {font-weight: bold}
p.thicker {font-weight: 900}
</style>
</head>

<body>
<p class="normal">This is a paragraph</p>

<p class="thick">This is a paragraph</p>

<p class="thicker">This is a paragraph</p>
</body>

</html>
ログイン後にコピー

ランニング効果:

CSSでフォントの太字効果を設定する方法

関連する推奨事項:

css ビデオ チュートリアル

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

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