ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSでテキストを太字にする方法

CSSでテキストを太字にする方法

王林
リリース: 2023-01-06 11:14:32
オリジナル
6929 人が閲覧しました

CSS でテキストを太字にする方法は、テキストの font-weight 属性を設定し、その属性値を [p.thick {font-weight:bolder;}] のように太字に設定することです。は厚いテキストを意味します。

CSSでテキストを太字にする方法

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

テキストを太字にしたい場合は、CSS の font-weight 属性を使用してこれを実現できます。この属性について一緒に学びましょう。

font-weight プロパティはテキストの太さを設定します。

共通の属性値:

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

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

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

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

コード例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title>
<style>
p.normal {font-weight:normal;}
p.light {font-weight:lighter;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}
</style>
</head>

<body>
<p class="normal">This is a paragraph.</p>
<p class="light">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 までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート