Home  >  Article  >  Web Front-end  >  css set font color

css set font color

PHPz
PHPzOriginal
2023-05-27 09:34:374407browse

CSS is the abbreviation of Cascading Style Sheets, which is a language for style control and layout. In CSS, setting font color is a basic styling operation that allows us to add color to the text content on HTML web pages. In this article, we’ll explore how to set the color of a font using CSS.

1. Use color keywords

CSS provides a series of color keywords commonly used by users, such as black, white, red, green, blue, etc. By using these keywords in the style sheet, we can set the color of the text, for example:

body {
  color: red;
}

The above code sets the text color throughout the web page to red.

2. Use hexadecimal color values

In addition to color keywords, CSS also supports using RGB or hexadecimal color values ​​to set font colors. Among them, hexadecimal color values ​​are the most commonly used. Hexadecimal color values ​​are represented by converting the values ​​of the three primary colors of red, green, and blue into hexadecimal numbers. For example, the hex color value for red is #FF0000, for green it is #00FF00, and for blue it is #0000FF.

The way to set the font color using hexadecimal color values ​​is as follows:

body {
  color: #FF0000;
}

The above code sets the text color in the entire web page to red.

3. Use RGB color values

In addition to hexadecimal color values, CSS also supports using RGB color values ​​to set font colors. RGB color values ​​are represented by the values ​​of the three primary colors of red, green, and blue. For example, the RGB color value for red is rgb(255, 0, 0), for green it is rgb(0, 255, 0), and for blue it is rgb(0, 0, 255).

The way to set the font color using RGB color values ​​is as follows:

body {
  color: rgb(255, 0, 0);
}

The above code sets the text color in the entire web page to red.

4. Apply to different elements

Through CSS, we can also set different font colors for different HTML elements. For example, we can set the font color of the h1 element to red and the font color of the p element to green.

h1 {
  color: #FF0000;
}

p {
  color: #00FF00;
}

The above code sets the font color of the h1 element to red and the font color of the p element to green.

Summary

In CSS, by using color keywords, hexadecimal color values ​​or RGB color values, we can set different colors for the text content in HTML web pages. At the same time, we can also set different font colors for different HTML elements as needed to achieve better visual effects.

The above is the detailed content of css set font color. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article:css modify colorNext article:css modify color