Maison > Article > interface Web > Comment utiliser la décoration de texte
Comment utiliser la décoration de texte
- php中世界最好的语言original
- 2018-05-30 11:49:005496parcourir
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>
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>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 :
ef07cb678f54c8f87d9ed1b6b13206d0Je suis souligné94b3e26ee717c64999d7867364b1b4a3 76cde12e55a1914624e179a9954b02b8Je suis barré94b3e26ee717c64999d7867364b1b4a3
39b52546c41252af47dd107d89d0baddJe suis souligné94b3e26ee717c64999d7867364b1b4a3 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 HTMLCe 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!