Dans le CSS du forum :
.corpus {
width: 500px;
margin: auto;
background: white;border: 3px solid #B29BCF;}
.fontit{background: #B29BCF; padding: 10px; }
.tit {padding: 15px; border: 1px solid white;
font-family: courier new; font-size: 25px ;
color: white; text-align: center;}
.contit{width: 435px;padding: 20px;
border: 1px solid #B29BCF;
margin: auto;
background-image: url(https://nsa40.casimages.com/img/2019/03/15//190315095046562791.png),
url(https://nsa40.casimages.com/img/2019/03/15//19031509490874018.png);
background-repeat: no-repeat, no-repeat;
background-position: top left, top right;
font-family: times new roman;
font-size: 12px;
text-align: justify; color: #0A0526; }
.imgtit {height: 180px;
width:340px;
margin: auto;
border: 1px solid #B29BCF; background-size: cover;}
Ceci est un texte qui ne sert à rien. Ceci est un texte qui ne sert à rien. Ceci est un texte qui ne sert à rien. Ceci est un texte qui ne sert à rien. Ceci est un texte qui ne sert à rien. Ceci est un texte qui ne sert à rien. Ceci est un texte qui ne sert à rien. Ceci est un texte qui ne sert à rien. Ceci est un texte qui ne sert à rien.
- Code:
-
<div class="corpus"><div class="fontit"><div class="tit">Titre de l'information</div></div>
<div class="contit"><div class="imgtit" style="background-image: url('https://nsa40.casimages.com/img/2019/03/15//190315095251281895.png')"></div>
Ceci est un texte qui ne sert à rien. Ceci est un texte qui ne sert à rien. Ceci est un texte qui ne sert à rien. Ceci est un texte qui ne sert à rien. Ceci est un texte qui ne sert à rien. Ceci est un texte qui ne sert à rien. Ceci est un texte qui ne sert à rien. Ceci est un texte qui ne sert à rien. Ceci est un texte qui ne sert à rien.</div>
</div>