Cadres en HTML

 

 

Ecrire ici

 

 

<p>&nbsp;</p>
<div style="margin: 5px auto; max-width: 97%;">
<div style="border: 4px ridge #fff; box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #fbccbc; padding: 4px; height: 100%; background-image: url('\'\''), url('http://ekladata.com/H1Bk6oUUgmEemp5Kp27iS9FLT1s.jpg'); background-position: 95% 95%, top center; background-repeat: no-repeat; background-size: 15% ,cover; padding-top: 53%;"><img style="position: relative; margin-bottom: -6.0%; 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 #fff; padding: 20px; background-color: #dfb9de; box-shadow: 0px 0px 15px black inset; width: auto; border-radius: 50px; background-image: linear-gradient(65deg, #dfb9de, #FFDECD,#dfb9de);">
<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;">&nbsp;</p>
<p><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

 

<p>&nbsp;</p>
<div style="margin: 5px auto; max-width: 97%;">
<div style="border: 4px ridge #630B15; box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #fbccbc; padding: 4px; height: 100%; background-image: url('\'\''), url('http://ekladata.com/CmbxFV3hEtD7YBL8bmzrzY7Qeuo.jpg'); background-position: 95% 95%, top center; background-repeat: no-repeat; background-size: 15% ,cover; padding-top: 52.5%;"><img style="position: relative; margin-bottom: -6.0%; 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 #630B15; padding: 20px; background-color: #dfb9de; box-shadow: 0px 0px 15px black inset; width: auto; border-radius: 50px; background-image: linear-gradient(65deg, #BE4363, #C73619);">
<p style="color: #fff;">&nbsp;</p>
<p style="color: #fff;">Ecrire ici</p>
<p style="color: #fff;">&nbsp;</p>
<p style="color: #fff;">&nbsp;</p>
<p style="color: #fff;">&nbsp;</p>
<p><a href="https://lagentillerebelle.blogspot.com/" target="_blank"><span style="font-family: Georgia; color: #fff; font-size: 10px;">Cadre &copy; La Gentille Rebelle</span></a></p>
</div>
</div>
<p>&nbsp;</p> 

 

Cadre © La Gentille Rebelle

 

 

 

Ecrire ici

 

<p>&nbsp;</p>
<div style="margin: 0px auto; max-width: 97%;">
<div style="border: 4px ridge #DFDEE0; box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #eeeeee; padding: 4px; height: 100%; background-image: url('#'), url('http://ekladata.com/cG1hz0a6QoxIByqckAp2M8s3E9U.jpg'); background-position: 5% 98%, center top; background-repeat: no-repeat; background-size: 10%, cover; padding-top: 37.5%;"><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: 5px auto; max-width: 97%;">
<div style="border: 4px ridge #DFDEE0; padding: 20px; background-color: #eeeeee; box-shadow: 0px 0px 15px black inset; width: auto; border-radius: 50px; background-image: url('http://ekladata.com/MEbCq2P-ArST_m_immEsfAQECVU.jpg'); background-position: top center; background-repeat: repeat-y;">
<div style="padding: 1px; margin: 20px auto; max-width: 95%;">
<div style="border: 4px ridge #fff; width: auto; background-color: #d8edf1; box-shadow: 0px 0px 10px black; border-radius: 50px;">
<div style="background-color: #; padding: 4px;">
<p>&nbsp;</p>
<p><span style="color: #000000;">Ecrire ici</span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p style="color: #000;">&nbsp;</p>
<p><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>
</div>
</div>
</div>

 

Cadre © La Gentille Rebelle