This commit is contained in:
Fred Tempez 2024-02-18 16:56:18 +01:00
parent bae6f3c2d4
commit 362dc44543

View File

@ -0,0 +1,60 @@
---
theme: uncover
---
<style>
p {
color: grey;
}
h1 {
text-shadow: 1px 1px 2px red;
}
</style>
# Couleur du texte à l'exception des titres et des listes.
Une classe personnalisée peut définir une couleur, une taille spécifique ou une décoration du texte.
`<style>`
`p {`
`color: grey;`
`}`
`</style>`
- liste
- liste
- liste
---
# Couleur d'un mot isolé
Elle est appliquée à l'aide <span style="color:blue">d'une balise html </span>
`à l'aide <span style="color:blue">d'une balise html </span>`
---
# Texte avec un soulignement de couleur
On applique <span style="text-decoration: underline red">la même syntaxe </span>avec une propriété CSS différente.
`<span style="text-decoration: underline red">la même syntaxe </span>`
---
# Titres avec un effet d'ombre
La technique reste la même pour qui sait rechercher les propriétés CSS.
`<style>`
`h1 { text-shadow: 1px 1px 2px red;}`
`</style>`
---
# Texte avec un effet d'ombre
La même chose avec quelques mots :
Exemple de <span style="text-shadow: #FC0 1px 0 10px">texte avec une ombre.</span>
`<span style="text-shadow: #FC0 1px 0 10px">texte avec une ombre.</span>`