隨著互聯網技術的迅速發展，網頁設計變得越來越豐富多彩。而CSS3能夠讓網頁設計師實現更多的效果，其中div也可以通過CSS3實現不同的效果。下面將介紹幾種常見的CSS3 div效果：

1. 圓角邊框

border-radius: 10px;

通過設置border-radius，可以使div的角變成圓形。如果是想設置某一個角的圓角，可以單獨設置：

border-top-left-radius: 10px;

2. 陰影

box-shadow: 5px 5px 5px #888888;

通過設置box-shadow，可以為div添加陰影效果。其中第一個參數為陰影的水平偏移量，第二個參數為陰影的垂直偏移量，第三個參數為陰影的模糊半徑，第四個參數為陰影的顏色。

3. 漸變

background: linear-gradient(to bottom, #000000, #ffffff);

通過設置linear-gradient，可以為div添加漸變效果。其中to bottom表示從上至下漸變，#000000表示漸變的起始顏色，#ffffff表示漸變的結束顏色。除了線性漸變之外，還可以使用徑向漸變：

background: radial-gradient(ellipse at center, #000000, #ffffff);

4. 動畫

@keyframes example {
0%   {background-color: red;}
50%  {background-color: yellow;}
100% {background-color: blue;}
 }
div {
animation-name: example;
animation-duration: 4s;
animation-iteration-count: infinite;
 }

通過設置@keyframes，可以為div添加動畫效果。其中0%表示動畫開始時的狀態，100%表示動畫結束時的狀態。通過animation-duration可以設置動畫的持續時間，通過animation-iteration-count可以設置動畫的循環次數。

通過CSS3，可以為div添加更加豐富多彩的效果。以上介紹的四種效果只是其中的冰山一角，希望大家能多多嘗試，發掘CSS3的更多效果。