Maison > interface Web > tutoriel HTML > le corps du texte

Connaissance de base du HTML, introduction détaillée aux styles définis par les hyperliens

php中世界最好的语言
Libérer: 2018-01-22 10:36:25
original
2246 Les gens l'ont consulté

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>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal