ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLでフォントの色サイズを設定する方法

HTMLでフォントの色サイズを設定する方法

下次还敢
リリース: 2024-04-11 13:16:19
オリジナル
1354 人が閲覧しました

HTML の CSS スタイルを通じてフォントの色とサイズを設定します。フォントの色は color プロパティを使用して指定します。このプロパティは 16 進コード、RGB 値、または色の名前として指定できます。フォント サイズには font-size プロパティを使用します。このプロパティは、ピクセル、ems、rem、パーセンテージなどの絶対単位または相対単位で指定できます。

HTMLでフォントの色サイズを設定する方法

#HTML でフォントの色とサイズを設定する方法

HTML では、CSS スタイルを使用してフォントを設定できます。色とサイズ。

フォントの色

color プロパティを使用してフォントの色を設定します。色は次のように指定できます:

  • # で始まる 16 進コード、例: #ff0000 (赤)
  • RGB 値、例:
  • rgb(255, 0, 0) (赤)
  • カラー名、例:
  • redbluegreen

例:

<code class="html"><p style="color: #ff0000;">这是红色的文本。</p>
<p style="color: rgb(0, 0, 255);">这是蓝色的文本。</p>
<p style="color: green;">这是绿色的文本。</p></code>
ログイン後にコピー

font-size

Use

font- size プロパティはフォント サイズを設定します。フォント サイズは、

    絶対単位で指定できます。例:
  • px (ピクセル)、em (相対単位)、rem (ルート要素に対する相対的な単位)
  • 相対的な単位、例:
  • % (親要素に対する相対的なパーセンテージ)

例:

<code class="html"><p style="font-size: 20px;">这是 20 像素大小的文本。</p>
<p style="font-size: 1.5em;">这是相对于父元素大小 1.5 倍的文本。</p>
<p style="font-size: 1.2rem;">这是相对于根元素大小 1.2 倍的文本。</p></code>
ログイン後にコピー

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

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