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

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

下次还敢
リリース: 2024-04-11 08:41:06
オリジナル
766 人が閲覧しました

HTML フォントの色とサイズを設定するには、次の方法を使用します。 color 属性を使用して色を設定します。色には、16 進コード、RGB 値、または色の名前を使用できます。 font-size プロパティを使用してサイズを設定します。サイズは絶対値 (ピクセルまたはインチ) または相対値 (em または rem) にすることができます。色とサイズの両方を設定するには、style 属性を使用し、color 属性と font-size 属性を含めます。

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

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

フォントの色

HTML フォントの色を設定するには、

color 属性を使用します。このプロパティの後には、16 進コード、RGB 値、または事前定義された色の名前を指定できる色の値が続きます。例:

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

フォント サイズ

HTML フォント サイズを設定するには、

font-size 属性を使用します。この属性の後にサイズ値が続きます。サイズ値は絶対値 (ピクセルやインチなど) または相対値 (em や rem など) にすることができます。例:

<code class="html"><p style="font-size: 16px;">16 像素文本</p>
<p style="font-size: 1.2em;">1.2 倍默认字体大小的文本</p>
<p style="font-size: 1.5rem;">1.5 倍根字体大小的文本</p></code>
ログイン後にコピー

1 つの要素に色とサイズの両方を設定する

1 つの要素に色とサイズの両方を設定するには、

style プロパティを使用します。 color および font-size プロパティを含めます。例:

<code class="html"><p style="color: blue; font-size: 16px;">蓝色 16 像素文本</p></code>
ログイン後にコピー

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

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