Home>Article>Web Front-end> How to set hyperlink text to white in css

How to set hyperlink text to white in css

青灯夜游
青灯夜游 Original
2021-07-22 16:47:57 4473browse

In CSS, you can use the color attribute to set the hyperlink text to white. You only need to add "color: white;" or "color:#FFFFFF;" or "color:rgb( 255, 255, 255)" style is enough.

How to set hyperlink text to white in css

The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.

css sets the hyperlink text to white

    
超链接文本

Rendering:

How to set hyperlink text to white in css

Description: The

#color attribute specifies the color of the text.

This attribute sets the foreground color of an element (in HTML representation, the color of the element's text); raster images are not affected by color. This color also applies to all borders of the element, unless overridden by border-color or another border-color property.

Syntax:

color:颜色值;

In CSS, color values can use color names, percentages, numbers and hexadecimal values. There are four writing methods.

1) Use color names

Although there are currently about 184 named colors, they are truly supported by various browsers and serve as CSS specifications There are only 16 recommended color names, as shown in the table below.

##black Pure black silver Light gray navy Dark blue ##blue ##teal Indigo aqua 天蓝 maroon Crimson 大红 ##olive Brown Yellow yellow 明黄 gray Dark Gray white Shell White
Table 1: Color names recommended by CSS specifications
Name Color Name Name Color Name Color
Light blue green Dark Green lime Light Green
##red
purple Deep Purple fuchsia Magenta
It is not recommended to use color names in web pages, especially for large-scale use , to avoid some color names not being parsed by browsers, or different browsers interpreting colors differently.
2) Use percentage


This is the most common method, for example:

color: rgb(100%, 100%, 100%);
This statement will red, blue, The three primary colors of green are all set to their maximum values, and the resulting combination is displayed in white. Instead, you can setrgb(0%, 0%, 0%)

to black. If the three percentage values are equal, gray will be displayed. Similarly, whichever percentage value is larger will favor which primary color.

3) Use numerical values

The number range is from 0 to 255, for example:

color: rgb(255, 255, 255);
The above statement will display white. On the contrary, it can be set torgb(0, 0, 0)

, will display black. If the three values are equal, the display will be gray. In the same way, whichever value is larger will have a greater proportion of which primary color.

4) Hexadecimal color

This is the most commonly used color selection method, for example:

color: #ffffff;
Which should be in hexadecimal Add a

# color symbol in front. The above statement will display white. On the contrary, you can set

#000000

to black, which is described by RGB:

color: #RRGGBB;
ranges from 0 to 255. In fact, 255 in decimal is exactly equal to hexadecimal. FF, a hexadecimal color value is equal to 3 groups of such hexadecimal values, which are equal to the three primary colors of red, blue, and green when connected together in order. (Learning video sharing:css video tutorial

)

The above is the detailed content of How to set hyperlink text to white in css. 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:How to add underline in css Next article:How to add underline in css