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

 

Floating boxes

Floating box
Floating box
Floating box
Floating box
Floating box
<h2>Floating boxes</h2>

<div class="floating-box">Floating box</div>
<div class="floating-box">Floating box</div>
<div class="floating-box">Floating box</div>
<div class="floating-box">Floating box</div>
<div class="floating-box">Floating box</div>
<div class="floating-box">Floating box</div>
<div class="floating-box">Floating box</div>
<div class="floating-box">Floating box</div>
<style>
.floating-box {
float: left;
width: 150px;
height: 75px;
margin: 10px;
border: 2px ridge #E5DBDC;
border-radius: 5px 5px 5px 5px;
background-image: url('https://img-fotki.yandex.ru/get/6605/155764624.3e/0_932b4_1f5ff4f2_S');
box-shadow: -1px -1px 4px #333333,1px 1px 4px #333333,1px 1px 5px #333333;
}
</style>


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