O melhor tutorial painel Foundation em 2024. Neste tutorial você pode aprender
cor do painel,painel arredondada,Painel Personalizado,
painel Foundation
painel Foundation é uma borda cinza, o conteúdo com o módulo de preenchimento. Você pode usar .panel
classe para criar:
Exemplos
<Div class = "painel">
<H3> Título </ h3>
<P> text pt </ p>
</ Div>
tente »
cor do painel
Use .callout
classe cor alterada para o painel azul claro:
Exemplos
<Div class = "painel de chamada" >
<H3> Título </ h3>
<P> text pt </ p>
</ Div>
tente »
painel arredondada
Use .radius
classe Define os filetes do painel:
Exemplos
<Div class = "raio painel" >
<H3> Título </ h3>
<P> text pt </ p>
</ Div>
tente »
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.w3write.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 »