/image%2F1305151%2F20141105%2Fob_142d72_9ag.jpg)
L'encadrement d'un texte fait intervenir du html (en bleu) et du CSS toujours compris entre <style></style>
CODE HTML
<div id="bord_pointille"></div>
CODE CSS
<style>
#bord_pointille{
width:600px; height:100px;
background :#FFA07A;
border:dashed 3px black;
border-radius:5px;
margin-auto
}
</style>
On assemble les deux
<div id="bord_pointille">
<style>
#bord_pointille{
width:600px; height:100px;
background :#FFA07A;
border:dashed 3px black;
border-radius:5px;
margin-auto
}
</style>
</div>
RESULTAT
Pour écrire le texte à l'intérieur, il faut d'abord le positionner avec les curseurs puis le placer après le début du code HTML entre deux balises <div></div>
<div id="bord_pointille">
<div> </div>
<div> </div>
<div> <strong><span style="font-size:24px;"> Bonjour</span></strong></div>
<style>
#bord_pointille{
width:600px; height:100px;
background :#FFA07A;
border:dashed 3px black;
border-radius:5px;
margin-auto
}
</style>
</div>
RESULTAT
On peut également placer une image à l'intérieur en veillant à ce que les bords du cadre soient égaux ou supérieurs aux dimensions de la photo.
/image%2F1305151%2F20191115%2Fob_e8ac09_informatique.jpg)
/image%2F1305151%2F20190123%2Fob_5e5da7_ag1.JPG)
/image%2F1305151%2F20181118%2Fob_14638d_9.JPG)
/image%2F1305151%2F20180401%2Fob_ed5437_jeu-de-cartes-a-imprimer-gratuit.jpg)
/image%2F1305151%2F20180401%2Fob_08dbcd_sans-titre.JPG)
Haut de page