painel Foundation
painel Foundation é uma borda cinza, o conteúdo com o módulo de preenchimento. Você pode usar .panel classe para criar:
cor do painel
Use .callout classe cor alterada para o painel azul claro:
painel arredondada
Use .radius classe Define os filetes do painel:
Painel Personalizado
Você pode usar CSS para personalizar o painel, os exemplos a seguir iremos painel como um cartão:
Exemplos
<Style>
.panel {
padding: 0;
border: none;
width: 50%;
}
div.container {
text-align: center;
padding: 15px;
margin-top: 20px;
}
img {
width: 100%;
}
</ Style>
<Div class = "painel">
<Img src = "http://www.w3big.com/wp-content/uploads/2015/11/20121204024112919.jpg" alt = "Cinque Terre">
<Div class = "container">
<H4> Great Wall </ h4>
<P> Aquele que nunca foi para a Grande Muralha não é um verdadeiro homem ! ! ! </ P>
</ Div>
</ Div>
.panel {
padding: 0;
border: none;
width: 50%;
}
div.container {
text-align: center;
padding: 15px;
margin-top: 20px;
}
img {
width: 100%;
}
</ Style>
<Div class = "painel">
<Img src = "http://www.w3big.com/wp-content/uploads/2015/11/20121204024112919.jpg" alt = "Cinque Terre">
<Div class = "container">
<H4> Great Wall </ h4>
<P> Aquele que nunca foi para a Grande Muralha não é um verdadeiro homem ! ! ! </ P>
</ Div>
</ Div>
tente »