ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS3で太字スタイルを解除する方法

CSS3で太字スタイルを解除する方法

WBOY
WBOYオリジナル
2021-12-15 11:00:142945ブラウズ

CSS では、「font-weight」属性を使用して文字の太字スタイルを解除できます。この属性は文字の太さを設定するために使用されます。属性の値が「normal」の場合太字スタイルを解除できます。テキスト スタイルの場合、構文は「element {font-weight:normal;}」です。

CSS3で太字スタイルを解除する方法

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

css3 で太字のテキスト スタイルをキャンセルする方法

CSS で太字のテキストをキャンセルしたい場合は、それをキャンセルする必要があります。 font-weight 属性を使用して太字のテキストを表示します。

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

この属性は、表示要素のテキストで使用される太字フォントを設定するために使用されます。数値 400 はキーワード Normal に相当し、700 は太字に相当します。各数値の太字フォントは、少なくとも次に小さい数値と同じくらい薄く、少なくとも次に大きい数値と同じくらい太くなければなりません。

属性値は次のとおりです:

CSS3で太字スタイルを解除する方法

例は次のとおりです:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <style>
  .wenben{
    font-weight:normal;
  }
  </style>
</head>
<body>
  <h1>这是没有取消加粗的文本样式</h1>
  <h1 class="wenben">这是一个取消加粗文本样式</h1>
</body>
</html>

出力結果:

CSS3で太字スタイルを解除する方法

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

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

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