Maison >interface Web >tutoriel CSS >Comment ajouter du barré en CSS ? Les attributs CSS text-decoration sont barrés (exemple de code)
Comment ajouter du barré en CSS ? Les attributs CSS text-decoration sont barrés (exemple de code)
- 青灯夜游original
- 2018-10-09 14:10:0623021parcourir
Comment ajouter du barré en CSS ? Dans l'article précédent [Comment ajouter du barré sur du texte en HTML ? Deux méthodes pour ajouter du barré (exemple) ] Nous avons présenté deux méthodes pour ajouter du barré aux balises html Ce chapitre vous présentera comment utiliser l'attribut css text-decoration pour ajouter du barré au texte. Effet barré, comment définir le style barré à l'aide de CSS. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.
Nous comprenons d'abord l'attribut CSS text-decoration Voici une brève introduction :
L'attribut text-decoration spécifie la décoration ajoutée au texte.
Description :
Cet attribut permet de définir certains effets sur le texte, comme l'ajout de barrés. Si l'élément descendant n'a pas ses propres décorations, les décorations définies sur l'élément ancêtre "s'étendront" aux éléments descendants. Les agents utilisateurs ne sont pas tenus de prendre en charge le clignotement.
Alors comment utiliser l'attribut css text-decoration pour ajouter l'effet barré du texte , ci-dessous nous expliquerons en détail la méthode d'implémentation du css barré à travers un exemple de code simple !
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css添加文本文字的删除线</title>
<style>
p{
text-decoration:line-through;
}
</style>
</head>
<body>
<p>这里有一条删除线</p>
</body>
</html>Rendu :
Description :
valeur de l'attribut line-through : définit le texte traversant une ligne. .
Comme vous pouvez le voir dans l'exemple, la définition de text-decoration:line-through; ajoute un barré au texte dans la balise
. Et vous pouvez simplement modifier le style barré via les paramètres CSS, tels que : couleur, par exemple :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css添加文本文字的删除线</title>
<style>
p{
text-decoration:line-through;
color: red;
}
span{
color: black;
}
</style>
</head>
<body>
<p><span>这里有一条删除线</span></p>
</body>
</html>Rendu :
 "153906489530582Comment ajouter du barré en CSS ? Les attributs CSS text-decoration sont barrés (exemple de code)")
De cette façon, nous combinons les styles text-decoration: line-through; et pour définir le style de couleur de la police du texte, puis nous pouvons obtenir l'effet de style de différentes couleurs de texte barré. en CSS. N'est-ce pas très simple !
Résumé : Ce qui précède représente l’intégralité du contenu de cet article, j’espère qu’il sera utile à l’étude de chacun. Pour plus de didacticiels connexes, veuillez visiter le Tutoriel vidéo CSS !
Recommandations associées : Tutoriel vidéo de formation sur le bien-être public php
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!