ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSでフォントを太字にして大きくする方法

CSSでフォントを太字にして大きくする方法

王林
王林オリジナル
2020-11-17 14:48:258713ブラウズ

CSS でフォ​​ントを太字にして拡大する方法: [font-weight:bold;] などの font-weight 属性を使用できます。 font-weight 属性はテキストの太さを設定するために使用され、bold は太字の文字を定義するために使用されます。

CSSでフォントを太字にして大きくする方法

関連属性:

font-weight 属性はテキストの太さを設定します

(学習ビデオの共有: css ビデオ チュートリアル)

属性値:

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

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

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

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

  • #inherit フォントの太さを親要素から継承することを指定します。

コード例:

<html>
<head>
<style type="text/css">
p.normal {font-weight: normal}
p.thick {font-weight: bold;font-size:250%;}
p.thicker {font-weight: 900;font-size:200%;}
</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 サイトの他の関連記事を参照してください。

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