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

テキスト

Foundation 面板

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

實例

<div?class="panel">
??<h3>標題</h3>
??<p>文本內容..</p>
</div>
實例預覽 ?

面板顏色

使用 .callout 類將面板顏色修改為淺藍：

實例

<div?class="panel?callout">
??<h3>標題</h3>
??<p>文本內容..</p>
</div>
實例預覽 ?

圓角面板

使用 .radius 類將面板設置為圓角：

實例

<div?class="panel?radius">
??<h3>標題</h3>
??<p>文本內容..</p>
</div>
實例預覽 ?

自定義面板

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

實例

<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>長城</h4>
????<p>不到長城非好漢?。?！</p>
??</div>
</div>
實例預覽 ?


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

手冊網(wǎng)

前の記事： 次の記事：