Maison > interface Web > tutoriel HTML > Comment utiliser la décoration de texte

Comment utiliser la décoration de texte

php中世界最好的语言
Libérer: 2018-05-30 11:49:00
original
5547 Les gens l'ont consulté

Nous utilisons souvent du code CSS pour souligner le contenu du texte sur les pages Web. Ensuite, nous devons utiliser text-decoration Comment l'utiliser ? Aujourd'hui, nous allons vous donner une bonne introduction.

Utiliser les mots d'attribut CSS :

text-decoration : none || underline || overline || line-through

text-decoration underline CSS word value paramètre :

aucun : Pas de décoration

clignoter : Clignoter

souligner : Souligné

ligne-traversante : Traverser

surligner : Surligner Souligné

text-decoration:none Aucune décoration, supprimez généralement le style de soulignement pour les balises de soulignement HTML

text-decoration:underline Style de soulignement

text-decoration:line-through Barré style - style traversant

text-decoration:overline Style de surlignement

Balise de soulignement régulière HTML

Balise de soulignement "U" en HTML u tag Le texte de l'objet est souligné en HTML.

Exemple :

<u>我被U标签加下滑线</u>
Copier après la connexion

Style d'attribut de soulignement d'objet de contrôle CSS

Cas d'application de comparaison de soulignement html u et de soulignement CSS

Suppression de CSShtml Balise style de soulignement

Si nous voulons supprimer le style de balise s barré dans le code HTML correspondant, supprimez le soulignement html u et supprimez le style de surlignement html.

1. Supprimez le style de ligne barré du HTML

.p s{text-decoration:none>

Supprimez l'attribut de style de balise HTML dans la zone d'objet de classe p

2. Supprimez le style de soulignement html u

.p u{text-decoration:none>

Supprimez l'attribut de style de soulignement u label dans la zone d'objet de classe p

5. Hyperliens Utilisation avancée du soulignement - TOP

Ensuite, nous expliquerons que les hyperliens CSS courants seront soulignés lorsqu'ils seront transmis.

Le code est le suivant :

 <!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> 
.yangshi a{ text-decoration:none;}
/* css注释: 鼠标经过热点文字被加下划线 */ 
.yangshi a:hover{ text-decoration:underline;}
/* 鼠标经过热点文字被加下划线 */ 
</style> 
</head> 
<body> 
<p> 
<span class="yangshi"> 
<a href="http:/www.php.cn">p</a> 
</span> 
</p> 
</body> 
</html>
Copier après la connexion

Veuillez copier le code ci-dessus et créer un nouveau code HTML pour afficher l'exemple de style.

Nous définissons respectivement le soulignement du texte, le style de texte barré et le style de surlignement de la police dans les trois objets de boîte.

1. Extrait de code CSS :

.p{text-decoration:underline}

.p_1{text-decoration:line-through}

.p_2{text-decoration:overline}

2. Extrait de code HTML :

Je suis souligné

Je suis barré

Je suis souligné

beaucoup, je crois que vous maîtrisez la décoration de texte. Les amis dans le besoin peuvent le sauvegarder. Veuillez également continuer à prêter attention aux autres mises à jour sur ce site.

Lecture connexe :

Quelles sont les fonctions des commentaires HTML

Comment effacer les flottants en CSS

Comment utiliser la balise label en html

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