Maison >interface Web >tutoriel CSS >Comment définir un lien hypertexte en CSS ? Comment définir le style de lien hypertexte CSS
Comment définir un lien hypertexte en CSS ? Comment définir le style de lien hypertexte CSS
- 不言original
- 2018-08-18 13:56:547126parcourir
Le contenu de cet article explique comment mettre en place des hyperliens CSS ? La méthode de définition du style de lien hypertexte CSS a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'elle vous sera utile.
1. Lien hypertexte simple
box.html
<!doctype html><html><head>
<mate charset="utf-8">
<title>超链接</title>
<link href="link.css" type="text/css" rel="stylesheet"></head><body>
<p>
<a href="#" class="link">首页</a>
</p></body></html>link.css
a.link{
text-decoration:none;
font-size:23px;
display:black;
}2. : un état d'un certain attribut ;
4 états de lien hypertexte :
lien (état lorsqu'il n'est pas visité
) ;
visité (statut que l'utilisateur a visité) ;
survoler (l'état dans lequel la souris passe dessus) ;
actif (indiquer quand la souris est cliquée);
link.css
a:link{
font-size:41px;
color:black;
text-decoration: none;
}
a:visited{
font-size:23px;
color:pink;
background-color: pink;
}
a:hover{
font-size: 34px;
color:green;
background-color: #123456;
}
a:active{
color:blue;
font-size: 60px;
background-color: #498544;
}Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!