Das beste Foundation-Panel-Tutorial im Jahr 2024. In diesem Tutorial können Sie
Plattenfarbe,Abgerundete Panel,benutzerdefinierte Bedienfelder, lernen
Foundation-Panel
Stiftung Platten sind ein grauer Rahmen, Inhalt mit Polsterung Modul. Sie können mit .panel
Klasse zu erstellen:
Beispiele
<Div class = "Panel">
<H3> Titel </ h3>
<P> Text de </ p>
</ Div>
Versuchen »
Plattenfarbe
Verwenden Sie .callout
Klasse Panel Farbe hellblau geändert:
Beispiele
<Div class = "Panel callout" >
<H3> Titel </ h3>
<P> Text de </ p>
</ Div>
Versuchen »
Abgerundete Panel
Verwenden Sie .radius
Klasse , um die Platte Filets Sets:
Beispiele
<Div class = "Tafelradius" >
<H3> Titel </ h3>
<P> Text de </ p>
</ Div>
Versuchen »
benutzerdefinierte Bedienfelder
CSS können Sie das Panel, die folgenden Beispiele anpassen wir Panel als Karte wird:
Beispiele
<Style>
.panel {
padding: 0;
border: none;
Breite: 50%;
}
div.container {
text-align: center;
padding: 15px;
margin-top: 20px;
}
img {
Breite: 100%;
}
</ Style>
<Div class = "Panel">
<Img src = "http://www.w3write.com/wp-content/uploads/2015/11/20121204024112919.jpg" alt = "Cinque Terre">
<Div class = "container">
<H4> Great Wall </ h4>
<P> Wer noch nie in der Großen hat Wall ist kein echter Mann ! ! ! </ P>
</ Div>
</ Div>
Versuchen »