This time I will bring you HTML basics knowledge, a detailed introduction to the style of hyperlink setting, and notes on setting the HTML hyperlink style What are they? Here are actual cases. Let’s take a look.
***Example of setting the style of hyperlink
a:link The state before the hyperlink is clicked
a:visited The state after the hyperlink is clicked
a:hover When hovering over a hyperlink
a:active When clicking a hyperlink
When defining these states, there is an order l v h a
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
a:link
{
color:#000;
text-decoration:none;}
a:visited
{
color:#000;
text-decoration:none;}
a:hover
{
color:#F00;
text-decoration:underline;}
a:active
{
color:#F90;
text-decoration:underline;}
</style>
<link href="Untitled-1.css" rel="stylesheet" type="text/css" />
</head>
<body>
<a href="http://www.baidu.com/">百度一下</a>
</body>
</html>Running display: When the mouse arrow is not placed on "Baidu Click", it displays black - when it is placed, it displays red - when the "Baidu Click" link is clicked, it displays orange - after clicking, it displays Black
I believe you have mastered the methods after reading these cases. For more exciting information, please pay attention to other related articles on the php Chinese website!
Related reading:
Detailed examples of HTML text formatting
HTML editing basics (a must-read for novices)
How to vertically center img and span in a div
The above is the detailed content of Basic knowledge of HTML, detailed introduction to styles set by hyperlinks. For more information, please follow other related articles on the PHP Chinese website!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
