How to clear the default font color of html hyperlinks-Front-end Q&A-php.cn

Home

Web Front-end

Front-end Q&A

How to clear the default font color of html hyperlinks

青灯夜游

Mar 23, 2021 pm 02:35 PM

html Hyperlink

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.

How to clear the default font color of html hyperlinks

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:

<body link="颜色">

Copy after login

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:

<body alink="颜色">

Copy after login

Use vlink to set the color of the visited hyperlink text

Basic syntax:

<body vlink="颜色">

Copy after login

Example:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>设置链接文字的颜色</title>
</head>
<body link="#9933ff" alink="#0066ff" vlink="#ff0000">
    <a href="http://www.baidu.com">链接的文字</a>
</body>
</html>

Copy after login

How to clear the default font color of html hyperlinks

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;}

Copy after login

[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!

Statement of this Website

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