Cadres en HTML

 

 

Ecrire ici

 

<p>&nbsp;</p>
<div style="margin: 5px auto; max-width: 97%;">
<div style="border: 4px ridge #63AC03; box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #e6efc0; padding: 4px; height: 100%; background-image: url(''), url('http://ekladata.com/kOsUSP7khkUMAJzKbTV3cTOtvm4.jpg'); background-position: 3% 98%, top center; background-repeat: no-repeat; background-size: 15% ,cover; padding-top: 58%;"><img style="position: relative; margin-bottom: -5.3%; filter: drop-shadow(rgba(0, 0, 0, 0.5) 5px 5px 7px); box-shadow: none; margin-left: auto; margin-right: auto; display: block;" src="http://ekladata.com/4xsK9a7jXXbbrDHbGzdReG6BcF8.png" alt="" width="65%" align="middle" /></div>
</div>
<div style="margin: 0px auto; max-width: 97%;">
<div style="border: 4px ridge #63AC03; padding: 20px; background-color: #e6efc0; box-shadow: 0px 0px 15px black inset; width: auto; border-radius: 50px;">
<p style="color: #000;">&nbsp;</p>
<p style="color: #ac5880;"><span style="color: #000000;">Ecrire ici</span></p>
<p style="color: #ac5880;">&nbsp;</p>
<p style="color: #ac5880;">&nbsp;</p>
<p style="color: #ac5880;">&nbsp;
<a href="https://lagentillerebelle.blogspot.com/" target="_blank"><span style="font-family: Georgia; color: #000; font-size: 10px;">Cadre &copy; La Gentille Rebelle</span></a></p></div></div><p>&nbsp;</p> 

Cadre © La Gentille Rebelle 

 

 

Ecrire ici

 

<div style="margin: 5px 10px; max-width: 100%;">
<div style="border: 4px ridge orange; box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #f0e9e3; padding: 4px; height: 100%; background-image: url(''), url('http://ekladata.com/u8I2qN4EPOWyG2UKz3jT_PkcPak.jpg'); background-position: 3% 98%, center top; background-repeat: no-repeat; background-size: 15% ,cover; padding-top: 60%;"><img style="position: relative; margin-bottom: -5.3%; filter: drop-shadow(rgba(0, 0, 0, 0.5) 5px 5px 7px); box-shadow: none; margin-left: auto; margin-right: auto; display: block;" src="http://ekladata.com/4xsK9a7jXXbbrDHbGzdReG6BcF8.png" alt="" width="63%" align="middle" /></div>
</div>
<div style="margin: 0px 10px 0px 10px; max-width: 100%;">
<div style="border: 4px ridge orange; padding: 20px; background-color: #ffffff; box-shadow: 0px 0px 15px black inset; width: auto; border-radius: 50px;">
<p style="color: #000;">&nbsp;</p>
<p style="color: #000;">Ecrire ici</p>
<p style="color: #000;">&nbsp;</p>
<p style="color: #000;">&nbsp;</p>
<p style="color: #000;">&nbsp;</p>
<p style="color: #000;">
<a href="https://lagentillerebelle.blogspot.com/" target="_blank"><span style="font-family: Georgia; color: #000; font-size: 10px;">Cadre &copy; La Gentille Rebelle</span></a>&nbsp;</p></div></div> 

 

Cadre © La Gentille Rebelle 

 

 

 

Ecrire ici

 

 <p>&nbsp;</p>
<div style="margin: 5px auto; max-width: 97%;">
<div style="border: 2px ridge #FBCC74; box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #fff; padding: 4px; height: 100%; background-image: url('http://ekladata.com/R3QHYgeWvmQMfKzKLVK3JuddumE.jpg'); background-position: top center; background-repeat: no-repeat; background-size: cover; padding-top: 54%;"><img style="position: relative; margin-bottom: -5.3%; filter: drop-shadow(rgba(0, 0, 0, 0.5) 5px 5px 7px); box-shadow: none; margin-left: auto; margin-right: auto; display: block;" src="http://ekladata.com/4xsK9a7jXXbbrDHbGzdReG6BcF8.png" alt="" width="65%" align="middle" /></div>
</div>
<div style="margin: 0px auto; max-width: 97%;">
<div style="border: 2px ridge #FC97A9; padding: 20px; background-color: #d3f0f8; box-shadow: 0px 0px 15px black inset; width: auto; border-radius: 50px;">
<p style="color: #000;">&nbsp;</p>
<p style="color: #ac5880;"><span style="color: #000000;">Ecrire ici</span></p>
<p style="color: #ac5880;">&nbsp;</p>
<p style="color: #ac5880;">&nbsp;</p>
<p style="color: #ac5880;">&nbsp;</p>
<p style="color: #ac5880;">
<a href="https://lagentillerebelle.blogspot.com/" target="_blank"><span style="font-family: Georgia; color: #000; font-size: 10px;">Cadre &copy; La Gentille Rebelle</span></a>&nbsp;</p></div></div><p>&nbsp;</p>

 

Cadre © La Gentille Rebelle