亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

characters

Foundation 面板

Foundation 面板是一個(gè)灰色邊框，內(nèi)容含有內(nèi)邊距的模塊?？梢允褂?.panel 類來創(chuàng)建:

實(shí)例

<div?class="panel">
??<h3>標(biāo)題</h3>
??<p>文本內(nèi)容..</p>
</div>
實(shí)例預(yù)覽 ?

面板顏色

使用 .callout 類將面板顏色修改為淺藍(lán)：

實(shí)例

<div?class="panel?callout">
??<h3>標(biāo)題</h3>
??<p>文本內(nèi)容..</p>
</div>
實(shí)例預(yù)覽 ?

圓角面板

使用 .radius 類將面板設(shè)置為圓角：

實(shí)例

<div?class="panel?radius">
??<h3>標(biāo)題</h3>
??<p>文本內(nèi)容..</p>
</div>
實(shí)例預(yù)覽 ?

自定義面板

可以使用 CSS 來自定義面板，以下實(shí)例中我們將面板作為一個(gè)卡片：

實(shí)例

<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://ku.shouce.ren/files/images/201603/56e184762dc19.jpg"?alt="Cinque?Terre">?
??<div?class="container">
????<h4>長(zhǎng)城</h4>
????<p>不到長(zhǎng)城非好漢?。?！</p>
??</div>
</div>
實(shí)例預(yù)覽 ?


關(guān)于我們 聯(lián)系我們 留言板

手冊(cè)網(wǎng)

Previous article： Next article：