/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%2F20220121%2Fob_1768d3_cul.jpg)
/image%2F1305151%2F20220120%2Fob_fd27f1_9.JPG)
/image%2F1305151%2F20210921%2Fob_34bf31_essai1.jpg)
/image%2F1305151%2F20210917%2Fob_b10a1c_index.jpeg)
Haut de page