Code pour faire un "fond de texte" en page d'accueil

[caballo]

Bonjour,

Cela fait plusieurs heures que je fouille internet et ce forum, car j'aimerai comprendre et trouver un code permettant, sur la page d’accueil, de créer plusieurs rubriques de texte, avec pour chacune d'elles un fond comme ici . Également, j'aimerai savoir comment reproduire cet effet de cadre partiel (les deux ligne de vers clair de chaque côté )

si quelqu'un peu m'aider, j'en serait vraiment ravis

merci beaucoup

[Invité]

Bonjour,

Ceci se réalise en CSS. Vous entourez le contenu voulu avec une div. Vous donnez une class à cette div, puis vous donnez du style grâce à la feuille de style CSS.
Un exemple:
dans la page d'accueil:

Code:

<div class="fondpa"> Mon Titre <br><br> Mon texte bla bla bla bla bla bla  bla bla bla bla bla bla bla bla bla.</div>

Dans la feuille de style CSS:

Code:

.fondpa{
background-color: #ffffff;
border-left: 1px solid #ff0000;
border-right: 1px solid #ff0000;
padding: 5px;}

Ce code donne un fond blanc (background) et une bordure rouge à droite et à gauche( border-left et border-right), "padding" permet despacer le texte du bord.

Cordialement.

[caballo]

Merci beaucoup de cette réponse! J'imagine qu'après on peu ettofer le code pour par exemple donner une largeur maximale ou arrondire les angles?

[Invité]

Oui, tout à fait, il suffit d'ajouter les propriétés CSS dans votre feuille CSS avant l'accolade } qui ferme le paragraphe. Vous pouvez consulter cette page pour avoir une liste des propriétés CSS les plus utilisées.

Cordialement.

[caballo]

Super merci! J'ai réussit pour l'alignemement, mais pas la largeur maximal.
mon code css:

Code:

.fondpa{
background-color: #ffffff;
border-left: 1px solid #ff0000;
border-radius: 10px;
border-right: 1px solid #ff0000;
padding: 5px;
max-width=200px;}

EDIT : Si c'est bon j'ai mis un égal au lieu des ":" ^^