Home>Article>Web Front-end> How to clear the default font color of html hyperlinks
Method: 1. Use the link, alink, and vlink attributes in the body to set other colors, such as "
". 2. First use the ":link", ":visited", ":active" selectors to select the a element; then use the color attribute to set other colors.
The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.
In order to highlight the hyperlink, the hyperlink text usually uses a different color from other text, and a horizontal line is added at the bottom of the hyperlink text. The hyperlink text of a web page has a default color. By default, the browser uses blue as the color of the hyperlink text, and the color of the visited text becomes dark red. So how to set the hyperlink text color?
Method 1: Use the link, alink, and vlink attributes in the HTML tag to set
Basic syntax:
It works on all elements in the web page that are not set individually.
Use alink to set the color of the hyperlink when the mouse clicks
Basic syntax:
Use vlink to set the color of the visited hyperlink text
Basic syntax:
Example:
设置链接文字的颜色 链接的文字
In web pages, hyperlinks on general text are blue (of course, you can also set to another color), with an underline under the text. When you move the mouse pointer to the hyperlink, the mouse pointer will change into the shape of a hand. At this time, click with the left mouse button to jump directly to the web page connected to the hyperlink. If a hyperlink has been viewed, the text color of the hyperlink will change.
Method 2: Use css :link, :visited, :active and :hover selectors with the color attribute to set the
:link selector setting point The style of links to unvisited pages. The :visited selector is used to set links to visited pages. The :active selector is used for active links. The :hover selector is used to select the element on which the mouse pointer is floating.
Example: Select unvisited, visited, floating and active links and set their styles:
a:link {color:blue;} a:visited {color:blue;} a:hover {color:red;} a:active {color:yellow;}
[Recommended tutorial:CSS video tutorial]
The above is the detailed content of How to clear the default font color of html hyperlinks. For more information, please follow other related articles on the PHP Chinese website!