Maison >interface Web >tutoriel CSS >Comment définir la couleur du barré en CSS
Comment définir la couleur du barré en CSS
- 青灯夜游original
- 2021-04-14 18:21:084002parcourir
Méthode : intégrez d'abord la balise span contenant le texte dans la balise parent p ; puis ajoutez un style barré dans la balise parent p, et utilisez l'attribut color pour définir la couleur du texte et enfin l'utiliser ; dans la balise span L'attribut color peut réinitialiser la couleur du texte.
L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.
En CSS, vous pouvez ajouter l'effet barré du texte avec l'attribut text-decoration
<!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 :
Alors comment définir la couleur du barré ? Jetons un coup d'œil à l'exemple de code :
<!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>Image d'effet :
De cette façon, nous pouvons combiner text-decoration：line-through； et le style pour définir le texte style de couleur de police. N'est-il pas très simple de créer différents styles de couleurs barrées et de texte en CSS ?
(Partage de vidéos d'apprentissage : tutoriel vidéo CSS)
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!