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 屬性介紹與範列

您可能會想看

• CSS span 區域文字字型設計
• CSS span 區域邊框顏色與樣式設計
• CSS span 區域背景顏色設計
• CSS display:inline-block 效果
• CSS a 連結樣式效果設計
• 用 CSS 設計出三角形圖案
• CSS display 屬性
• CSS box model 盒子模型
• CSS list-style 列表屬性
• 用 CSS 設計 HTML button 按鈕大小

今日熱門文章

• 認識 PHP8 的基本結構與語法
• Notepad++ 簡介及下載安裝，非常適合寫 PHP 的程式碼編輯器
• 選擇 PHP 程式碼編輯軟體
• 在 Windows 11 上安裝 XAMPP 建置 PHP 開發環境
• PHP8 簡介
• 用 javascript let 宣告變數跟 var 有什麼不同？
• javascript 三個等號 === 是什麼意思？跟兩個等號有什麼不同？
• MySQL SELECT WHERE date 等於上個月的條件判斷寫法
• MySQL SELECT WHERE date 等於本月的條件判斷寫法
• MySQL SELECT WHERE date 等於昨天的條件判斷寫法

即時熱門文章

• 認識 PHP8 的基本結構與語法
• Notepad++ 簡介及下載安裝，非常適合寫 PHP 的程式碼編輯器
• 選擇 PHP 程式碼編輯軟體
• 在 Windows 11 上安裝 XAMPP 建置 PHP 開發環境
• PHP8 簡介
• 用 javascript let 宣告變數跟 var 有什麼不同？
• javascript 三個等號 === 是什麼意思？跟兩個等號有什麼不同？
• MySQL SELECT WHERE date 等於上個月的條件判斷寫法
• MySQL SELECT WHERE date 等於本月的條件判斷寫法
• MySQL SELECT WHERE date 等於昨天的條件判斷寫法