How to change text color in html

Methods to change text color via CSS: Use CSS style blocks: Create a <style> tag and specify a CSS rule for the target element (e.g. p), such as "p { color: red; }". Use HTML attributes: Use the style attribute in an HTML element, such as "

This is blue text

". Use hexadecimal color values: for example, p { color: #ff0000; (red) }.

How to change text color using HTML

Direct method: using CSS

The most direct method is to use CSS (Cascading Style Sheets) to change the text color. Here's how to do it:

1. Create a style block using the <style> tag:

   <code class="html"><style>
   /* 样式规则 */
   </style></code>

2. In the style block , specify a CSS rule for the target element (such as a paragraph or heading):

   <code class="css">p {
     color: red;
   }</code>

3. Apply this rule to the text you want to change color:

   <code class="html"><p>这是红色文本</p></code>

Use HTML attributes:

You can also directly set the text color using the style attribute in the HTML element:

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

Use Hexadecimal color values:

The above method uses color names, but you can also use hexadecimal color values ​​or RGB values:

<code class="css">p {
  color: #ff0000; /* 红色 */
  color: rgb(255, 0, 0); /* 红色 */
}</code>

Other options:

• Using the span tag: You can use the span tag for a specific range of text and give it a specific style, including text color.
• Using JavaScript: Using JavaScript, you can change text color dynamically, for example in response to user interaction.

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