Maison > Article > interface Web > Connaissance de base du HTML, introduction détaillée aux styles définis par les hyperliens
Connaissance de base du HTML, introduction détaillée aux styles définis par les hyperliens
- php中世界最好的语言original
- 2018-01-22 10:36:252183parcourir
Cette fois, je vais vous apporter des bases du HTML connaissances, une introduction détaillée au style de définition des hyperliens et des précautions pour la définition des styles d'hyperliens HTML. le sont-ils ? Voici des cas réels.
*** Exemple de définition du style du lien hypertexte
a:link L'état avant le clic sur le lien hypertexte
a:visité L'état après l'hyperlien est cliqué
a:hover lors du survol d'un hyperlien
a:active lors du clic sur un hyperlien
Lors de la définition de ces états, il y a 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>Affichage en cours : Lorsque la flèche de la souris n'est pas placée sur "Baidu Click", elle s'affiche en noir - lorsqu'elle est placée, elle s'affiche en rouge - lorsque le lien "Baidu Click" est cliqué , il s'affiche en orange - cliquez sur Ensuite, il s'affiche en noir
Je pense que vous maîtrisez la méthode après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !
Lecture connexe :
Exemples détaillés de formatage de texte HTML
Bases de l'édition HTML (une lecture incontournable pour les novices)
Comment centrer verticalement l'image et la durée dans un div
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!