Eklablog Tous les blogs Top blogs Technologie & Science Tous les blogs Technologie & Science
Editer l'article Suivre ce blog Administration + Créer mon blog
MENU

Tutorial, CSS, HTML

 

 

 

Texto


HTML con CSS

<div style="padding: 10px;"><div style="padding: 2px; border-radius: 40pt/10pt; box-shadow: 1px 1px 5px #000000; background-image: url('http://content.foto.mail.ru/mail/olgaolevka/_blogs/i-30089.jpg'); background-repeat: repeat;">
<div style="padding: 2px; border-radius: 40pt/10pt; background-image: url('http://content.foto.mail.ru/mail/olgaolevka/_blogs/i-27751.jpg'); background-repeat: repeat;">
<div style="padding: 2px; border-radius: 40pt/10pt; background-image: url('http://content.foto.mail.ru/mail/olgaolevka/_blogs/i-30089.jpg'); background-repeat: repeat;">
<div style="padding: 50px; border-radius: 40pt/10pt; box-shadow: 0px 0px 20px black inset; background-image: url('http://www.ephotobay.com/image/2-814.gif'); background-repeat: repeat;">
<div style="padding: 2px; border-radius: 10px; background-image: url('http://content.foto.mail.ru/mail/olgaolevka/_blogs/i-30089.jpg'); background-repeat: repeat;">
<div style="padding: 2px; border-radius: 10px; background-image: url('http://content.foto.mail.ru/mail/olgaolevka/_blogs/i-27751.jpg'); background-repeat: repeat;">
<div style="padding: 2px; border-radius: 10px; background-image: url('http://content.foto.mail.ru/mail/olgaolevka/_blogs/i-30089.jpg'); background-repeat: repeat;">
<div style="padding: 2px; border-radius: 10px; background-image: url('http://content.foto.mail.ru/mail/olgaolevka/_blogs/i-30089.jpg'); background-repeat: repeat;">
<div style="padding: 2px; border-radius: 10px; background-image: url('http://content.foto.mail.ru/mail/olgaolevka/_blogs/i-30089.jpg'); background-repeat: repeat;">
<div style="padding: 2px; border-radius: 10px; background-image: url('http://content.foto.mail.ru/mail/olgaolevka/_blogs/i-30089.jpg'); background-repeat: repeat;">
<div style="border-radius: 10px; box-shadow: inset 0px 0px 10px #000000; background-image: url('http://www.ephotobay.com/image/1-961.gif'); width: auto; height: 100%;">
<div style="text-align: center; padding-right: 0px;">&nbsp;</div>
<div style="padding: 2px;">
<div style="padding: 1px; height: 100%;"><p style="text-align: center;">&nbsp;</p>
<p><img class="bordeimg3" style="display: block; margin-left: auto; margin-right: auto;" src="http://diza-74.ucoz.ru/_nw/115/70804775.gif" alt="" width="360" height="280" /></p>
<style><!--
.bordeimg3 {-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;border-radius: 20px;box-shadow: 0px 0px 5px #6d3112;padding:1px !important;border:0;background:#FFF;}
.bordeimg3:hover {-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;border-radius: 55px;box-shadow: 0px 0px 5px #6d3112;border:0;cursor:pointer;}
--></style>
<p style="text-align: center;">&nbsp;</p><p style="text-align: center;">Texto</p><br /><br /><p>&nbsp;</p>
<div style="background-image: url('https://ekladata.com/rbjbk0WJBDG8eRwgj8Vrl9aVsGg@300x22.png'); box-shadow: 0px 0px 0px black inset; background-repeat: repeat-x; background-position: center bottom; height: 100%;">&nbsp;</div>
</div></div></div></div></div></div></div></div></div></div></div></div></div></div>

 

 

 
Retour à l'accueil
Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Commenter cet article