panneau Fondation
panneau Foundation est une bordure grise, le contenu avec le module de remplissage. Vous pouvez utiliser .panel
classe pour créer:
couleur du panneau
Utilisez .callout
couleur du panneau de classe changé en bleu clair:
panneau arrondi
Utilisez .radius
classe Définit les filets de panneau:
Panneau personnalisé
Vous pouvez utiliser les CSS pour personnaliser le panneau, les exemples suivants, nous allons le panneau comme une carte:
Exemples
<Style>
.Panneau {
padding: 0;
border: none;
largeur: 50%;
}
div.container {
text-align: center;
padding: 15px;
margin-top: 20px;
}
img {
largeur: 100%;
}
</ Style>
<Class = Div "panel">
<Img src = "http://www.w3big.com/wp-content/uploads/2015/11/20121204024112919.jpg" alt = "Cinque Terre">
<Class Div = "container">
<H4> Great Wall </ h4>
<P> Celui qui n'a jamais été à la Grande Muraille est pas un vrai homme ! ! ! </ P>
</ Div>
</ Div>
.Panneau {
padding: 0;
border: none;
largeur: 50%;
}
div.container {
text-align: center;
padding: 15px;
margin-top: 20px;
}
img {
largeur: 100%;
}
</ Style>
<Class = Div "panel">
<Img src = "http://www.w3big.com/wp-content/uploads/2015/11/20121204024112919.jpg" alt = "Cinque Terre">
<Class Div = "container">
<H4> Great Wall </ h4>
<P> Celui qui n'a jamais été à la Grande Muraille est pas un vrai homme ! ! ! </ P>
</ Div>
</ Div>
Essayez »