Here we will introduce three font color settings, including HTML font, CSS text color, and css hyperlink font color. We also introduce how to use PS to obtain accurate color values. You can flexibly extend the font and set color values for the background.
I. html font color settings
In HTML, we can use the font tag to set the color of the font content.
1. font Syntax:
The Code is as follows:
Font color online example </p>
I am a red font
First, font is a regular label. The font text content is placed into the label, and the font color can be set in the font label with the color + corresponding color value.
2. Example of setting font color in html font
2-1. complete code of the html font color example:
The Code is as follows:
Online demonstration of css Implementation of font color </p>
My font is red
My font is blue
The preceding example sets the font color and the font color of the table separately.
2-2. Font color example
Case study of html font color settings
2-3. Online demonstration: view the case
To change the font color, you only need to change the color value.
Ii. html p css font color settings
Set the font color in html using the css style.
You can use css to set the html font color. One is CSS in the tag and the other is external CSS.
1. Introduction to basic knowledge
With external CSS, you can put CSS code in a CSS file separately and use html link to introduce CSS (html attracts css). You can also use
Test content: I set the color in blue cSS.
In the p object, the hyperlink color is green.
Use
Test content I set the uniform color blue
In the p object, the hyperlink color is green.
The font of a hyperlink in blue is set in html, while the font color of a hyperlink in green is set separately.
2. hyperlink font color example
Css hyperlink font instance Effect
3. Online demonstration: view cases
The above three p + CSS cases are packaged and downloaded:
Download Now (2.928KB)
4. How to obtain the correct font color required by HTML
To obtain accurate color values, you can obtain them using Photoshop (ps. The following example shows how to use PS to obtain the font color value of a certain image or border.
Assume that we want to obtain the specific color value of CSS blue.
1. PS open this image
Ps open this image
2. Click "select foreground color" or "select background color" in the PS tool.
Click "foreground" in the red box.
3. The "select foreground" tab is displayed.
After the second step of the operation, the "select foreground" tab will pop up, and the mouse pointer will become the same icon as the "Color Picker". At this time, click the desired color value, if the image is small and not easy to click accurately, you can use the "ctrl ++" command to enlarge the image.
Obtain the exact color value "0000FF"
4. Set the color value obtained by the user.
Color: # 0000FF
Tip: when using the color value, you can copy the color value directly to PS to avoid manual input errors. Also, add the "#" sign before the color value.
5. html font color Summary
Here we will introduce three font color settings, including HTML font, CSS text color, and css hyperlink font color. We also introduce how to use PS to obtain accurate color values. You can flexibly extend the font and set color values for the background.