<div 定制禮物是一種個性化定制禮物的方式，通過在禮物上添加獨特的設計、文字或圖片，使其成為獨一無二的禮品。div 是 HTML 中的一個標簽，用于創建容器來布局網頁元素。在定制禮物中，利用 div 標簽可以實現各種定制化的效果。以下是幾個代碼案例，詳細解釋說明如何使用 div 定制禮物。
第一個案例是為一張照片添加邊框和陰影效果。通過在 div 中嵌套圖片元素，然后給 div 添加邊框樣式和陰影效果，可以讓照片看起來更加有立體感和藝術感。代碼如下：

\<pre>html
<p><div class="photo-frame"></p>
<p>  <img src="photo.jpg" alt="照片"></p>
<p></div></p>
<p><style></p>
<p>  .photo-frame {</p>
<p>    border: 5px solid black;</p>
<p>    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);</p>
<p>  }</p>
<p></style></p>
\

第二個案例是為一段文字添加背景顏色和特殊字體樣式。通過在 div 中嵌套文本元素，并設置背景顏色和字體樣式，可以使文字看起來更加醒目和個性化。代碼如下：

\<pre>html
<p><div class="text-box"></p>
<p>  <p>祝福你的一天充滿陽光和快樂！</p></p>
<p></div></p>
<p><style></p>
<p>  .text-box {</p>
<p>    background-color: yellow;</p>
<p>    font-family: "Arial", sans-serif;</p>
<p>  }</p>
<p></style></p>
\

第三個案例是創建一個價格標簽，顯示商品原價和折扣價。通過在 div 中嵌套兩個文本元素，并分別設置不同的樣式，可以展示商品的原價和實際售價。代碼如下：

\<pre>html
<p><div class="price-tag"></p>
<p>  <p class="original-price">原價: $99.99</p></p>
<p>  <p class="discount-price">折扣價: $79.99</p></p>
<p></div></p>
<p><style></p>
<p>  .original-price {</p>
<p>    text-decoration: line-through;</p>
<p>    color: gray;</p>
<p>  }</p>
<p>  .discount-price {</p>
<p>    color: red;</p>
<p>  }</p>
<p></style></p>
\

以上是幾個使用 div 定制禮物的代碼案例，利用 div 標簽和 CSS 樣式，可以實現各種獨特的定制效果。無論是在照片、文字還是商品標簽上，通過添加不同的樣式，可以讓禮物更加與眾不同，給收禮人帶來獨特的驚喜和喜悅。定制禮物，讓珍貴的回憶和祝福變得更加特別！