ICI header("Location: http://www.mytesting.fr ");

COMMENT ENCADRER UN TITRE OU UN TEXTE EN POINTILLE.

par André MARINI 31 Janvier 2016, 07:40 Texte

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>&nbsp;</div>
<div>&nbsp;</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<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

 
 
                                                    Bonjour

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