How to set the font color of html and how to use ps to get the accurate font color of html_HTML/Xhtml_Web page production

1. HTML font color setting

In HTML, we use the font tag to set the color of the font content.

1. Font syntax:

Copy code

The code is as follows:

< ;!DOCTYPE html>






I am a red font


Hello

First of all, font is a pair of regular tags. Put the font text content into the tag. Set the color color corresponding to the color value in the font tag to set the font color in the font tag object.

2. Example of setting font color in html font

2-1. Complete code of html font color example:

Copy code

The code is as follows:

my font It’s red

My font is blue

2-2. Screenshot of font color example

Screenshot of HTML font color setting case

2-3. Online demonstration: View case

To change the font color, just change the color value.

2. HTML p css font color setting

Set font color through css style in html.

There are two ways to set html font color using css, one is CSS within the tag and the other is external CSS. 1. Introduction to basic knowledge

To use external CSS, you can put the CSS code separately into the CSS file and use html link to introduce CSS (html introduces css), or you can use the

2. p CSS example demonstration

Here are two methods to implement HTML font color settings. One uses css in the tag, and the other uses the style tag to set the font color.

3. Example complete HTML source code

Copy code

The code is as follows:

< ;p> For the test content, I uniformly set the color bluecSS

I am inside a div object, and the hyperlink color is I am a hyperlink green

Use the

4. Screenshot of p css case

Screenshot of CSS setting font color case example

5. Online demonstration of css p case: view the case

3. HTML hyperlink A font color setting

There are two ways to set the font color of anchor text in HTML. One is to set a unified font color for all hyperlinks in HTML, and the other is to set a separate font color for anchor text hyperlinks in a specified object. color.

I will introduce to you through examples how to uniformly set and individually set the font color of hyperlink anchor text in HTML.

1. The complete p css html code is as follows

<ol class="dp-xml">
<li class="alt">nbsp;html>  </li>
<li class="alt"> <meta> </li>
<li class="alt">
<title>html超链接字体颜色设置 在线演示 </title> <style> </style>
</li>
<li class="alt">a{ color:#00F} a:hover{ color:#F00}/* 鼠标经过悬停字体颜色 */ </li>
<li class="alt">/* css 注释说明：以上代码为设置html中超链接统一字体颜色 */ .p a{ color:#090} </li>
<li class="alt">.p a:hover{ color:#090} /* css注释说明：以上代码为设置html中.p对象内超链接字体颜色 */ </li>
<li class="alt">  </li>
<li class="alt"> <p>测试内容我是统一设置的颜色蓝色<a></a></p> </li>
<li class="alt">
<p>我在p对象内，超链接颜色为<a>我是超链接绿色</a></p>  </li>
<li class="alt"> </li>
</ol>

The blue font color of the hyperlink is set uniformly in HTML, while the green font color is the individually set hyperlink font color.

2. Screenshot of hyperlink font color example

Screenshot of css hyperlink font example effect

3. Online demonstration: View case

Package download of the above three p CSS cases:

Download now (2.928KB)

4. How to obtain the accurate font color required for HTML

To obtain accurate color values, Photoshop (ps) software is generally used. The following teaches you how to use PS to obtain the color value of a certain font, and flexibly apply it to obtain the color value of a certain background, picture, or border by obtaining the font value.

Suppose we want to get the specific color value of the "CSS" blue color of the above image

1. Open this picture in PS

Open this picture in ps

2. Use the "Select Foreground Color" or "Select Background Color" tool of the PS tool

Here we click on the “Foreground Color” tool in the red box

3. The "Select Foreground Color" tab pops up

After the second step, the "Select Foreground Color" tab will pop up. At the same time, the mouse pointer will turn into a straw-like icon "Color Picker". At this time, click where you need to get the color value. If the picture is small It is not easy to click accurately. This can enlarge the picture by using "ctrl" to continuously enlarge the picture.

Get the accurate color value "0000FF"

4. Set the obtained color value

color:#0000FF

Tips: When using color values, generally go directly to PS to copy the color values ​​to avoid manual input errors. At the same time, don’t forget to add the “#” sign before the color value.

5. HTML font color summary

Here we introduce three font color settings including HTML font, CSS text color, and css hyperlink font color. We also introduce the method of using PS to obtain accurate color values. You can usually flexibly expand the use of fonts and background color values.