CSS是網頁設計中必不可少的一部分，其中實現div放大縮小也是常見的技術。在這篇文章中，我們將介紹如何使用CSS實現這一功能。

<div class="box">
<p>這是一個box</p>
</div>

首先，我們需要先創建一個div并給它添加一個class為box，接著在div內添加需要顯示的內容，例如這里的“這是一個box”。

.box {
width: 200px;
height: 200px;
background-color: #ccc;
transition: all 0.3s ease;
}
.box:hover {
transform: scale(1.2);
}

接下來，我們需要使用CSS來實現放大縮小的效果。我們要使用兩個CSS屬性：transform和transition。

transform: scale(n)可以將元素的寬度和高度都縮放n倍，當n小于1時則縮小，當n大于1時則放大。在這里我們使用scale(1.2)來放大1.2倍。

transition: all 0.3s ease則是控制過渡效果的細節，all表示所有屬性都參與過渡，0.3s表示過渡時間，這里是0.3秒，ease則表示過渡函數，這里是緩和過渡。

最后，在:hover偽類中添加transform: scale(1.2);使鼠標懸停在box上時，觸發放大效果。

通過以上的代碼，我們就成功地實現了div的放大縮小功能。