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