Can the html hr tag be set to yellow color?

In HTML, the hr tag can be set to yellow color. You only need to use the style attribute of the hr tag to add a color style. The syntax format is "

---

" . The border-color property is used to set the border color of an element.

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

---

tag defines a topic change (such as a transfer of topic) in an HTML page and is displayed as a horizontal line. The

---

element is used to separate content in an HTML page (or to define a variation).

Default hr tag style:

So can the hr tag be set to yellow?

The answer is: yes.

The following is an introduction through examples.

<hr style="border-color: yellow"/>

It can be seen that the color of the hr tag can be set using the border-color property of css.

The border-color property sets the four border colors of an element.

In CSS, color values ​​can use color names, percentages, numbers and hexadecimal values. There are four ways to write them.

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 White2) Use percentage

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 The use of scale prevents some color names from being parsed by browsers, or different browsers interpreting colors differently.

This is the most commonly used method, for example:

color: rgb(100%, 100%, 100%);

This statement combines 3 types of red, blue and green The primary colors are all set to their maximum values, and the resulting combination appears 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. [Recommended tutorials: CSS video tutorial,

html video tutorial

]

The above is the detailed content of Can the html hr tag be set to yellow color?. For more information, please follow other related articles on the PHP Chinese website!