HTML | Encadrer une information
Rédigé par O. Clotaire
Aucun commentaire
Classé dans : Web
Des exemples de cadre en HTML.
Exemple 1
Code :
<pre>
Premier exemple
</pre>
Résultat :
Premier exemple
Exemple 2
Les angles plus arrondis, le fond gris clair.
Code :
<pre style="box-sizing: inherit; font-family: Consolas, "Courier New", monospace; font-size: 0.875rem; margin-top: 0.75em; margin-bottom: 0.75em; overflow: auto; white-space: normal; overflow-wrap: normal; word-break: initial; border-color: #cccccc; padding: 10px 15px; background: #f9f9f9; border-radius: 4px; color: #303030;">Deuxième exemple</pre>Résultat :
Deuxième exemple
Exemple 3
Avec des pointillés.Code :
<pre style="border-style: dotted; border-color: #cccccc; padding: 4px; margin-top: 4px; margin-bottom: 0px; margin-left: 20px; overflow: auto; max-height: 300px; line-height: 1.3em; font-size: 1em; background-color: #efefef; color: #444444;">Troisième exemple</pre>Résultat :
Troisième exemple