panel Foundation
Panel Fundacja jest szare obramowanie, treści z modułem dopełnienia. Można użyć .panel
klasę utworzyć:
kolor panelu
Użyj .callout
kolorowy panel klasy zmieniona na jasnoniebieskim:
zaokrąglony panel
Użyj .radius
klasy Ustawia filety Panel:
niestandardowy panel
Można użyć CSS, aby dostosować panel, następujące przykłady będziemy panel jako karty:
Przykłady
<Style>
.panel {
padding: 0;
border: none;
width: 50%;
}
div.container {
text-align: center;
padding: 15px;
margin-top: 20px;
}
img {
width: 100%;
}
</ Style>
<Div class = "panel">
<Img src = "http://www.w3big.com/wp-content/uploads/2015/11/20121204024112919.jpg" alt = "Cinque Terre">
<Div class = "container">
<H4> Great Wall </ h4>
<P>, kto nigdy nie był w Wielkiej Mur nie jest prawdziwym człowiekiem ! ! ! </ 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 = "panel">
<Img src = "http://www.w3big.com/wp-content/uploads/2015/11/20121204024112919.jpg" alt = "Cinque Terre">
<Div class = "container">
<H4> Great Wall </ h4>
<P>, kto nigdy nie był w Wielkiej Mur nie jest prawdziwym człowiekiem ! ! ! </ P>
</ Div>
</ Div>
Spróbuj »