Maison > interface Web > tutoriel HTML > Comment définir le soulignement HTML ? Analyse d'un exemple de style de soulignement HTML

Comment définir le soulignement HTML ? Analyse d'un exemple de style de soulignement HTML

寻∝梦
Libérer: 2018-09-03 17:22:34
original
10260 Les gens l'ont consulté

Cet article parle principalement de la méthode de configuration du soulignement HTML, ainsi que des exemples de configuration du soulignement HTML. Cet article fonctionne tous avec le style CSS. J'espère que tout le monde pourra maîtriser des connaissances plus basiques sur le style CSS.

Nous devons d'abord parler de la façon de définir le soulignement :

Nous savons qu'il existe une balise de soulignement u dans les balises HTML ( est souligné u> ), l'ajout de la balise de soulignement html u à la police de texte qui doit être soulignée peut simplement implémenter le style de soulignement. Mais dans la mise en page CSS DIV, CSS est parfois nécessaire pour obtenir l'effet de style de soulignement, c'est-à-dire le style de soulignement CSS.

1. Mot de style souligné CSS :

décoration de texte

2. Code de soulignement CSS :

text-decoration:underline

3.css Démonstration du code de soulignement :

div{text-decoration:underline}
Copier après la connexion

Ajoutez un style de soulignement au texte dans le div.

Parlons maintenant d'un exemple de style de soulignement de police CSS :

Ce qui suit est un exemple de paramètre de soulignement CSS. Le contenu de l'exemple définit le style de soulignement pour. plusieurs mots dans un paragraphe de texte.

L'exemple de code pour définir le style CSS de soulignement est le suivant :

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>PHP中文网:设置下划线实例</title> 
<style> 
.exp{ text-decoration:underline} 
</style> 
</head> 
<body> 
欢迎访问PHP中文网,<span class="exp">我被加下划线样式</span>! 
</body> 
</html>
Copier après la connexion

Ce qui précède ajoute un style de soulignement à du texte dans un paragraphe. Comme le montre la capture d'écran ci-dessous :

Comment définir le soulignement HTML ? Analyse dun exemple de style de soulignement HTML

Enfin, parlons du résumé des paramètres de soulignement div CSS :

Peut-être que vous le ferez je pense que nous allons l'utiliser. La balise HTML U est soulignée. Pourquoi devrions-nous utiliser le style de décoration de texte CSS pour souligner ? En effet, la mise en page CSS change constamment pour obtenir diverses mises en page. Afin de répondre à différents besoins, les styles CSS qui peuvent être implémentés par les balises HTML générales peuvent parfois être implémentés. L'utilisation de CSS peut faciliter les modifications et la maintenance ultérieures. Mais au contraire, ce n'est pas qu'apprendre CSS signifie ne pas utiliser de balises HTML pour obtenir les styles requis, mais que parfois les balises HTML et les styles CSS sont sélectionnés et disposés en fonction des besoins pour trouver la mise en page la plus adaptée au projet, ce qui est l'essence importante de la mise en page CSS DIV. Obtenez le code le plus simple, une maintenance facile du code, un classement dans les moteurs de recherche, une utilisation facile par les programmeurs, etc.

D'accord, c'est tout le contenu de cet article. Si vous avez des questions, vous pouvez les poser ci-dessous.

[Recommandation de l'éditeur]

La balise html tbody est-elle un élément de niveau bloc ? Utilisation basique de la balise html tbody

Comment centrer les caractères chinois dans la balise col en html ? Utilisation de base de la balise col html (avec exemples)

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