How to change font color and size in html

Change font color in HTML: Use CSS's color property, which accepts hexadecimal values, RGB values, or color names. Change font size: Use CSS's font-size property, which accepts absolute, relative, or percentage sizes. Change font color and size simultaneously: Use a CSS style block containing the color and font-size properties.

Changing font color and size in HTML

How to change font color?

To change the font color in HTML, you can use the CSS color property. This property accepts a hexadecimal value, RGB value, or color name.

Syntax:

<element style="color: value;">文字</element>

Example:

Change text color to red:

<p style="color: red;">红色文字</p>

How to change font size?

To change the font size in HTML, you can use the CSS font-size property. This property accepts absolute size (such as pixels), relative size (such as em), or percentage size.

Syntax:

<element style="font-size: value;">文字</element>

Example:

Change text size to 20px:

<p style="font-size: 20px;">20px 大小的文字</p>

Change font color and size at the same time

To change font color and size at the same time, you can use a style block in CSS.

Syntax:

<element style="color: value; font-size: value;">文字</element>

Example:

Change text color to blue and size to 18px:

<p style="color: blue; font-size: 18px;">蓝色 18px 大小的文字</p>

The above is the detailed content of How to change font color and size in html. For more information, please follow other related articles on the PHP Chinese website!