CSS DIV 寬度與高度的設定

DIV 是區塊的意思,既然是區塊,當然可以設定他的寬度與高度,要設定 DIV 寬度可以使用 width 來給值,另外也可以搭配 height 來設定高度,幾乎所有主流的瀏覽器都支援 DIV width 與 height 的屬性,請看以下語法範例。

DIV 寬度與高度範例

<div style="width:300px;height:60px;border:3px #cccccc dashed;"></div>


呈現結果

範例中我們設定了 width=300px 的意思是 div 寬度為 300px,高度設為60px(height:60px),另外為了讓範例可以較為清楚的呈現,我們還設定了邊框(border)粗細 3px、顏色是灰色(#cccccc)且線條為虛線(dasched)。

延伸閱讀
CSS DIV 區塊標籤的使用教學
CSS DIV 置中
CSS border 屬性介紹與範列
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012
PHP Smarty MySQL JQuery Apache W3C