панель Foundation
Панель Фонд является серая граница, содержание с модулем заполнения. Вы можете использовать .panel
класс для создания:
цвет панели
Используйте .callout
панель класса цвет меняется на светло - голубым цветом:
примеров
<Div класс = "Панель выноска" >
<H3> Заголовок </ h3>
<P> текст .. </ p>
</ Div>
<H3> Заголовок </ h3>
<P> текст .. </ p>
</ Div>
Попробуйте »
Округлые панель
Используйте .radius
класс Устанавливает панель скругления:
примеров
<Div класс = "Радиус панели" >
<H3> Заголовок </ h3>
<P> текст .. </ p>
</ Div>
<H3> Заголовок </ h3>
<P> текст .. </ p>
</ Div>
Попробуйте »
пользовательских настроек панели
Вы можете использовать CSS, чтобы настроить панель, следующие примеры мы будем панель в качестве карты:
примеров
<Style>
.panel {
обивка: 0;
границы: нет;
ширина: 50%;
}
div.container {
выравнивания текста: центр;
обивка: 15px;
Маржа-топ: 20px;
}
IMG {
ширина: 100%;
}
</ Style>
<Div класс = "панель">
<Img SRC = "http://www.w3big.com/wp-content/uploads/2015/11/20121204024112919.jpg" Alt = "Cinque Terre">
<Div класс = "контейнер">
<H4> Great Wall </ h4>
<P> Тот , кто никогда не был на Великой стене не настоящий человек ! ! ! </ P>
</ Div>
</ Div>
.panel {
обивка: 0;
границы: нет;
ширина: 50%;
}
div.container {
выравнивания текста: центр;
обивка: 15px;
Маржа-топ: 20px;
}
IMG {
ширина: 100%;
}
</ Style>
<Div класс = "панель">
<Img SRC = "http://www.w3big.com/wp-content/uploads/2015/11/20121204024112919.jpg" Alt = "Cinque Terre">
<Div класс = "контейнер">
<H4> Great Wall </ h4>
<P> Тот , кто никогда не был на Великой стене не настоящий человек ! ! ! </ P>
</ Div>
</ Div>
Попробуйте »