div 是 HTML 中的一個重要元素，用于創建網頁中的塊級元素。在網頁開發中，經常需要修改 div 元素的尺寸來使其適應不同的布局需求。本文將通過幾個代碼案例，詳細解釋如何修改 div 元素的尺寸。

案例一：修改 div 的寬度

<div style="width: 500px;">
<p>這是一個寬度為 500 像素的 div 元素。</p>
</div>

在上述案例中，通過設置 style 屬性中的 width 屬性來修改 div 元素的寬度。該案例中的 div 元素寬度設置為 500px。

案例二：修改 div 的高度

<div style="height: 300px;">
<p>這是一個高度為 300 像素的 div 元素。</p>
</div>

在上述案例中，通過設置 style 屬性中的 height 屬性來修改 div 元素的高度。該案例中的 div 元素高度設置為 300px。

案例三：修改 div 的邊框

<div style="border: 1px solid #000;">
<p>這是一個帶有 1 像素黑色邊框的 div 元素。</p>
</div>

在上述案例中，通過設置 style 屬性中的 border 屬性來修改 div 元素的邊框樣式。該案例中的 div 元素邊框設置為 1px 寬度的黑色實線邊框。

案例四：修改 div 的內邊距

<div style="padding: 20px;">
<p>這是一個具有 20 像素內邊距的 div 元素。</p>
</div>

在上述案例中，通過設置 style 屬性中的 padding 屬性來修改 div 元素的內邊距。該案例中的 div 元素內邊距設置為 20px。

案例五：修改 div 的外邊距

<div style="margin: 10px;">
<p>這是一個具有 10 像素外邊距的 div 元素。</p>
</div>

在上述案例中，通過設置 style 屬性中的 margin 屬性來修改 div 元素的外邊距。該案例中的 div 元素外邊距設置為 10px。

：通過在 div 元素的 style 屬性中設置相應的 CSS 屬性，可以輕松地修改 div 元素的尺寸。這些屬性包括 width、height、border、padding 和 margin。根據不同的布局需求，靈活運用這些屬性可以創建出各種不同樣式和大小的 div 元素。