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

How to set hyperlink text to white in css

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

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.

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

css sets the hyperlink text to white

<!DOCTYPE html>
<html>
	<head>
		<style type="text/css">
			 a{
				background-color: black;
				color: white;
				/* color:#FFFFFF; */
			}
		</style>
	</head>

	<body>
		<a href="#">超链接文本</a>

	</body>

</html>

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.

##blackPure blacksilverLight graynavyDark blue##blue##tealIndigoaqua天蓝maroonCrimson大红##oliveBrown Yellowyellow明黄grayDark GraywhiteShell 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 set rgb(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 to rgb(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 cssNext article：How to add underline in css

See more

How to set hyperlink text to white in css

Related articles