在網頁開發中，div是非常重要的標簽，它可以用于分隔內容以及構建布局。同時，我們也可以使用CSS來對div進行美化，使其更加符合設計需求。

// CSS代碼示例
div {
width: 300px;
height: 200px;
background-color: #f2f2f2;
border: 1px solid #ccc;
border-radius: 5px;
box-shadow: 0 0 5px #ccc;
margin: 20px auto;
}

上述CSS樣式設置中，設置了div的寬度和高度，并給其添加了背景色、邊框、圓角和陰影效果。同時，還將其居中顯示，并設置了邊距。

要實現自適應大小的div布局，我們可以使用flex布局。下面是一個實例：

// CSS代碼示例
.container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.box {
flex-basis: 30%;
height: 200px;
background-color: #f2f2f2;
border: 1px solid #ccc;
margin-bottom: 20px;
}

上述CSS代碼中，使用了flex布局，并設置了容器的對齊方式為間距平均分布。每個子元素的大小使用了flex-basis屬性，并設置了高度、背景色和邊框，最后為每個元素添加了邊距。

除此之外，還可以使用CSS來對div進行動畫效果的添加。下面是一個簡單的旋轉動畫效果：

// CSS代碼示例
.box {
width: 100px;
height: 100px;
background-color: #f2f2f2;
border: 1px solid #ccc;
margin: 20px auto;
animation: rotate 2s linear infinite;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

上述CSS代碼中，使用了@keyframes關鍵字來定義動畫效果，并指明了效果的開始和結束狀態。然后將動畫效果應用到div元素上。

總之，通過對div標簽加入CSS樣式，我們可以實現豐富多彩的網頁布局和效果，提升用戶體驗。