Couleurs
This commit is contained in:
parent
bae6f3c2d4
commit
362dc44543
60
src/Décoration et couleur du texte.md
Normal file
60
src/Décoration et couleur du texte.md
Normal 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>`
|
||||
|
Loading…
Reference in New Issue
Block a user