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.
Haut de page