★  Cadre arrondi

<div style="background-image: url('URL DU FOND'); width: 488px; border: 1px solid #000; padding: 5px 5px 5px 5px; margin: auto;">
<div style="text-align: center;"><br></div>
<div align="left" style="margin: auto auto auto 250px; padding: 5px; background-color: rgba(255, 255, 255, 0.5); border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-right-radius: 100px; border-bottom-left-radius: 100px; border: 1px solid #000; width: 200px;">
<div style="text-align: center;">Texte</div>
</div><div style="text-align: center;"><br></div>
</div>

★ Rendu

★ Cadre transparent rectangulaire

<div style="text-align: -webkit-auto; background-image: url('URL DU FOND'); margin: auto; border: 1px solid #663333; width: 498px;"><div style="text-align: center;"><br></div>
<div style="background-color: rgba(255, 255, 255, 0.5); margin: auto; padding: 20px 20px 20px 20px; width: 400px; border: 1px solid #ffffff;">
<div style="text-align: center;">Texte</div>
</div><div style="text-align: center;">
<br></div>
</div>

★ Rendu

★ Cadre blanc arrondi

<div style="text-align: -webkit-auto; background-image: url('URL DU FOND'); margin: auto; border: 1px solid #663333; width: 498px;">
<div style="text-align: center;"></div>
<div align="right">
<div style="background-color: rgba(255, 255, 255, 0.9); padding: 20px 20px 20px 20px; width: 200px; border: 0px solid white; border-bottom-left-radius: 75px; box-shadow: 0px 0px 10px #000">
<div style="text-align: center;">Texte</div></div><br>
</div>
</div>  

★ Rendu

★ Cadre en amande

<div style="text-align: -webkit-auto; background-image: url('URL DU FOND'); margin: auto; border: 1px solid #663333; width: 498px;">

<div style="text-align: center;"><br></div>

<div style="background-color: rgba(255, 255, 255, 0.6); margin: auto; padding: 20px 20px 20px 20px; width: 400px; border-top: 4px solid white; border-bottom: 1px solid white; border-left: 4px solid white; border-right: 1px solid white; border-top-left-radius: 0px; border-top-right-radius: 100px; border-bottom-right-radius: 0px; border-bottom-left-radius: 100px; box-shadow: 0px 0px 5px #000">

<div style="text-align: center;">Texte<br></div></div><br>

</div>

★ Rendu

★ Cadre rectangulaire aux contours noirs

 A DROITE :

<div style="background-image: url('URL DU FOND'); width: 488px; border: 1px solid #000; padding: 5px 5px 5px 5px; margin: auto;">
<div style="text-align: center;"><br></div>
<div align="left" style="margin: auto auto auto 235px; padding: 5px; background-color: rgba(255, 255, 255, 0.5); border: 1px solid #000; width: 220px;">
<div style="text-align: center;">Texte</div>
</div><div style="text-align: center;"><br></div>
</div>

A GAUCHE :

<div style="background-image: url('URL DU FOND'); width: 488px; border: 1px solid #000; padding: 5px 5px 5px 5px; margin: auto;">
<div style="text-align: center;"><br></div>
<div align="left" style="margin: auto auto auto 15px; padding: 5px; background-color: rgba(255, 255, 255, 0.5); border: 1px solid #000; width: 220px;">
<div style="text-align: center;">Texte</div>
</div><div style="text-align: center;"><br></div>
</div>

★ Rendu

A DROITE :