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

CSS スタイルを使用すると、HTML のフォントの色とサイズを調整できます。色はcolor属性と色名、16進数コードなどで指定でき、サイズはfont-size属性と各種単位(px、rem、%など)で指定できます。複合スタイルは、色とサイズを同時に調整するときに使用できます。

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

HTML では、次の方法で調整できます。 CSS スタイル フォントの色とサイズ。

#フォントの色の調整:

1. color

   属性を使用: color: red;例:

   <code class="html"><p style="color: red;">红色文本</p></code>

   #CSS カラー名を使用:
color: blue;

2. 例:

   <code class="html"><p style="color: blue;">蓝色文本</p></code>

   16 進コードを使用:
color: #ff0000;

3. 例:

   <code class="html"><p style="color: #ff0000;">纯红色文本</p></code>

フォント サイズを調整:

##font-size

属性を使用します:
1. font-size: 20px;

   例: <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">&lt;code class=&quot;html&quot;&gt;&lt;p style=&quot;font-size: 20px;&quot;&gt;20px 大小的文本&lt;/p&gt;&lt;/code&gt;</pre><div class="contentsignin">ログイン後にコピー</div></div>

   CSS フォント サイズ単位を使用する:

   font-size: 1.5rem;

2. 例: <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">&lt;code class=&quot;html&quot;&gt;&lt;p style=&quot;font-size: 1.5rem;&quot;&gt;1.5rem 大小的文本&lt;/p&gt;&lt;/code&gt;</pre><div class="contentsignin">ログイン後にコピー</div></div>

   # #相対サイズを使用する単位:

   font-size: 120%;

3. 例:

   <code class="html"><p style="font-size: 120%;">120% 相对大小的文本</p></code>

   フォントの色とサイズを同時に調整:

フォントの色とサイズを同時に調整するには、複合スタイルを使用できます:

<code class="html"><p style="color: blue; font-size: 20px;">蓝色 20px 文本</p></code>

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