HTML | Encadrer une information

Rédigé par O. Clotaire Aucun commentaire
Classé dans : Web Mots clés : HTML, padding

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,&nbsp;&quot;Courier New&quot;, 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

A PROPOS

  • Grace à mon expérience dans les Systèmes d'Information, j'ai le privilège de partager mon expérience en les centralisant sous la forme d’une base de connaissance.
  • Parfois certaines de nos questions ne trouvent pas toujours de réponse. Le domaine de l’informatique évolue rapidement, il est alors important de pouvoir profiter des solutions déjà expérimentés.
  • Ce site sera de plus en plus accessible.
  • Je vous remercie d’avance pour vos éventuelles remarques constructives permettant son amélioration.

Écrire un commentaire

 Se rappeler de moi sur ce site
Quelle est le premier caractère du mot stqxe ?

Fil RSS des commentaires de cet article

↓